有些网站的登录表单倘若信息填写错误，除了会给出提示信息之外，还会让表单左右晃动以提示错误，觉得这个效果不错，便按照自己的思路写了个DEMO记录于此。整个流程就是：1.设置元素左右晃动的总次数2.设置元素左右晃动的偏移量范围并且左右晃动交替进行3.让元素开始晃动并记录次数，元素的移动可以利用绝对定位4...
分类：
Web程序 时间：
2015-05-07 00:29:42
阅读次数：
183
这两天做了一个滚动广告栏的demo 功能有自动轮播 左右箭头移动 导航点选中图片移动效果 模仿的是新浪体育的广告最难的问题就是子div绝对定位于父div 鼠标移入子div 系统会判定鼠标移出了父div 所以会触发子div消失的效果 消失完因为鼠标在父div中 所以又触发了子div出现的效果这样就会导...
分类：
Web程序 时间：
2015-05-06 14:50:15
阅读次数：
160
一：CSS绝对定位元素left设为50%实现水平居中 绝对定位的元素left设为50%时，是已左上角为原点的，所以只要再使用margin属性添加负值补偿回来即可。示例：[css]代码如下: #board{
width:60%;
padding:3%;
background:#09F;
positio...
分类：
Web程序 时间：
2015-04-30 00:54:03
阅读次数：
867
第一种：左右侧采用浮动 中间采用margin-left 和 margin-right 方法。 代码如下： 这是右侧的内容 固定宽度 这是左侧的内容 固定宽度 中间内容，自适应宽度 第二种：左右两侧采用绝对定位 中间同样采用margin-left margin-right方法： 第三种负的margin...
分类：
Web程序 时间：
2015-04-29 08:37:03
阅读次数：
128
（先说点题外话：在一般情况下，这两种布局方式的实际渲染性能差异是可以忽略的。毕竟在实际开发中，人力——或者说“开发效率”——才是真正的瓶颈，页面的“渲染效率”与之相比完全不值一提。所以不需要因为过多考虑此类问题而犹豫不决。）回到问题本身。由于绝对定位（以及相对定位和固定定位）会创建新的布局空间，并且...
分类：
其他好文 时间：
2015-04-28 17:55:15
阅读次数：
100
创建一个绝对定位的元素，使其可以用鼠标移动。下面分别是HTML、CSS、JavaScript部分 1 2 3 拖拽 4 内容 5 6 7 /////////////CSS//////////////////////// 8 #dragga...
分类：
其他好文 时间：
2015-04-28 17:36:19
阅读次数：
169
1）：div的一般居中（注意：一定要设置div的width）：json9527 2）：div的绝对定位居中（注意：一定要设置父标签的position为relative） json9527 3）：动态设置绝对定位居中（注意这里的margin-left变成了marginLeft） json9...
分类：
其他好文 时间：
2015-04-27 18:04:22
阅读次数：
142
div绝对居下 1 .Phone2title{ 2 width:100%; 3 height:30px; 4 line-height:30px; 5 /*text-align:left;*/ 6 /*background-color:RGB(239,101,25);*/ 7 backgroun...
分类：
其他好文 时间：
2015-04-27 12:45:15
阅读次数：
162
基本原理：将所有图片绝对定位在同一位置，透明度设为0，然后通过jQuery的淡入淡出实现图片的切换效果；但我在使用fadeIn淡出时却无效果，最后只能使用fadeOut实现，求大神指教HTML：一个轮播 ...
分类：
Web程序 时间：
2015-04-26 16:35:59
阅读次数：
155
CSS定位机制CSS有三种基本的定位机制：普通流、浮动和绝对定位。除非专门指定，否则所有框都在普通流中定位。也就是说，普通流中的元素的位置由元素在X(HTML)中的位置决定。块级框从上到下一个接一个地排列，框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和...
分类：
Web程序 时间：
2015-04-25 17:57:20
阅读次数：
273
