前端经验

CSS实现鼠标移到图片上,图片变亮效果

!DOCTYPE html html head meta charset = UTF-8 title css3动画-图片开关灯阴影效果 / title style type = text/css ul , li { list-style : none;} .toppic li { width : 280px ; height : 160px ; float : left; background : #000 ; overflow :...

前端经验

jquery实现视频或直播弹幕效果

本文实例为大家分享了jquery直播弹幕展示的完整代码,供大家参考,具体内容如下 理论知识: 实现效果主要涉及jq对节点的操作,以及动画函数的使用 思路: 1.获取到评论文本框的值...

前端经验

解决CSS中<li>之间的空白间隔问题

有时候,我们需要将li横向排列,而又为了能设置其宽度和高度,为其设置display:inline-block,相邻li之间会出现8px的空白间隔,不是margin也不是padding。 html head title demo / title style type = t...

前端经验

使用纯CSS绘制圆形、椭圆形、菱形、三角形

1、圆形: width : 50px ; height : 50px ; border-radius : 50% ; // 50%~100%之间都行 background: pink; 2、半圆形:(以左圆形为例) width : 50px ; height : 100px ; border-radius : 50px 0 0 50px ; background : pink; 3、四分...

前端经验

使用CSS清除浮动的原理及效果

1、为什么会出现浮动? 浮动的产生的最根本的原因是为了实现文字环绕效果。 2、什么时候需要清除浮动? 清除浮动是为了清除使用浮动元素产生的影响。浮动的元素,高度会塌陷,...

前端经验

JavaScript在new一个实例对象的四个过程

new对象: function Person ( name, age ) { this .name = name; this .age = age; } var person = new Person( Alice , 23 ); new一个对象的四个过程: 1、创建一个空对象 var obj = new Object (); 2、让Person中的this指向obj,...