JavaScript实现的代码,JavaScript排序功能演示,点击按钮实现数据的上移和下称,一共有两组测试效果,上组采用箭头图标控制的方式,更美观,下组是直接使用文字,根据你的需要自行选择。myList为ul的id值,m为0显示文字,m为1显示图片,mO、mT为文字或图片内容。 JS实现LI行数...
分类:
Web程序 时间:
2015-04-16 17:12:27
阅读次数:
170
禁用ie9滤镜:root .concentration .left .content ul li .fc,:root .concentration .left .content ul li .try-btn {filter:none;}background:rgba(255, 155, 37, 0....
分类:
其他好文 时间:
2015-04-15 16:59:26
阅读次数:
122
三种定位机制1.标准文档流:从上到下,从左到右输出文档内容2.浮动3.绝对定位需要注意的是块级元素如div p ul 等 行级元素如span strong img input等块级元素与行级元素都是盒子模型,下面说下盒子模型盒子模型盒子模型是网页布局的基石,border padding m...
分类:
Web程序 时间:
2015-04-15 00:56:44
阅读次数:
212
随着HTML5 CSS3的出现和发展,使得我们的网页可以实现更加复杂的效果,也使得我们的浏览体验更加丰富,所以今天我们将制作一个正方体的3D效果:正方体需要六个面;那么我们就写一个ul列表,里面有六个li分别代表着正方体的六个面,而最外层的ul则可以作为这个正方体的参照物,代码如下: ...
分类:
Web程序 时间:
2015-04-12 22:24:02
阅读次数:
1153
双重滑动门效果还是比较常用的,其实很好理解:
两个门就好比两个块级的元素重合所形成的效果,看一段代码如下:
#Mydoor ul li a:hover{
color:#fff; //设置背景 黑色
background: url(hover.gif); //设置背景 图片,图片周边应为透明,这样才能把背景衬托出来
}
可以看到左侧变化如下
/*...
分类:
Web程序 时间:
2015-04-12 09:12:35
阅读次数:
182
CSSReset是革命党,CSSReset里最激进那一派提倡不管有用没用,通通给我脱了那身衣服,凭什么你body出生就穿一圈margin,凭什么你姓h的比别人吃得胖,凭什么你ul戴一胳膊珠子。于是*{margin:0;}等等运动,把人家全拍扁了。看似是众生平等了,实则是浪费了资源又占不到便宜,有求..
分类:
Web程序 时间:
2015-04-12 06:58:48
阅读次数:
135
.container
<div?class="container"></div>
.wrap>ul>.list>.site
<div?class="wrap">
?<ul>
??<li?class="list">
???<div?class="site"></div>
??</li>
?</ul>
</div>
.outer>.inner>h1+p
<div...
分类:
其他好文 时间:
2015-04-12 01:28:11
阅读次数:
155
有关网站排版中遇到的问题1.公司简介排版首行文字缩进好多,可以尝试一下在ul上面加一个div然后清除浮动,既可解决2.有关新闻排版,如何在文字前面加图标和文字有下划线文字后面有新闻日期 可用dd或者li 定义宽高设置文字间距,在dd或者li里面添加背景图片不平铺 background:url(......
分类:
Web程序 时间:
2015-04-12 01:12:05
阅读次数:
208
对css一直没有很系统得学习过,练习得也不是很多,纯小白.今天在写一个页面的时候,遇到一个问题,就是如何让外面的盒子适应里面的盒子大小,完美地把小盒子包在里面. 由于里面是一个列表 ul,为了让元素横排,我使用了float:right这个属性,所以列表悬浮了.如图: 其实当然可以直接给外层i...
分类:
Web程序 时间:
2015-04-10 19:58:43
阅读次数:
237
一 创建元素标签集1.基本css方法 $("a") $(".lzy") $("#lzy")2.子选择器$("div > ul > li") 特征选择器 $("a[href='www.baidu.com']") 容器选择器$("div:has(ul)")3.伪选择器 $("a:first") $("a...
分类:
Web程序 时间:
2015-04-10 19:40:39
阅读次数:
138