码迷,mamicode.com
首页 >  
搜索关键字:ul    ( 3408个结果
JS实现LI行数据的上移和下移
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
【网页布局基础】css布局学习总结
三种定位机制1.标准文档流:从上到下,从左到右输出文档内容2.浮动3.绝对定位需要注意的是块级元素如div p ul 等 行级元素如span strong img input等块级元素与行级元素都是盒子模型,下面说下盒子模型盒子模型盒子模型是网页布局的基石,border padding m...
分类:Web程序   时间:2015-04-15 00:56:44    阅读次数:212
HTML5 CSS3制作正方体3D效果
随着HTML5 CSS3的出现和发展,使得我们的网页可以实现更加复杂的效果,也使得我们的浏览体验更加丰富,所以今天我们将制作一个正方体的3D效果:正方体需要六个面;那么我们就写一个ul列表,里面有六个li分别代表着正方体的六个面,而最外层的ul则可以作为这个正方体的参照物,代码如下: ...
分类:Web程序   时间:2015-04-12 22:24:02    阅读次数:1153
css滑动门技术
双重滑动门效果还是比较常用的,其实很好理解: 两个门就好比两个块级的元素重合所形成的效果,看一段代码如下: #Mydoor ul li a:hover{ color:#fff; //设置背景 黑色 background: url(hover.gif); //设置背景 图片,图片周边应为透明,这样才能把背景衬托出来 } 可以看到左侧变化如下 /*...
分类:Web程序   时间:2015-04-12 09:12:35    阅读次数:182
resetting css 与normalize css 的见解
CSSReset是革命党,CSSReset里最激进那一派提倡不管有用没用,通通给我脱了那身衣服,凭什么你body出生就穿一圈margin,凭什么你姓h的比别人吃得胖,凭什么你ul戴一胳膊珠子。于是*{margin:0;}等等运动,把人家全拍扁了。看似是众生平等了,实则是浪费了资源又占不到便宜,有求..
分类:Web程序   时间:2015-04-12 06:58:48    阅读次数:135
zencoding实践
.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属性 content
对css一直没有很系统得学习过,练习得也不是很多,纯小白.今天在写一个页面的时候,遇到一个问题,就是如何让外面的盒子适应里面的盒子大小,完美地把小盒子包在里面. 由于里面是一个列表 ul,为了让元素横排,我使用了float:right这个属性,所以列表悬浮了.如图: 其实当然可以直接给外层i...
分类:Web程序   时间:2015-04-10 19:58:43    阅读次数:237
<jQuery 实战>总结一
一 创建元素标签集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
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!