因为突然间用到这个东西,但是也不清楚别人是怎么做的,就自己根据自己的想法来了,效果还不错、 先思路,后代码: ????思路:两个ul嵌套,把外层的ul显示出来,里层的ul先用样式表隐藏,当点击的时候,当前l...
分类:
其他好文 时间:
2014-10-27 21:26:19
阅读次数:
194
每天一个JavaScript实例-tab标签切换
.tabcontainer{
padding:5px;
width:500px;
margin:20px;
}
.tabcontainer ul{
padding:0;
margin:0;
display:none;
}
.tabnavigation ul li{
padding:3px;
display...
分类:
编程语言 时间:
2014-10-27 19:34:22
阅读次数:
118
使用表格table的时候,border-collapse:collapse;能让单元格不重叠。但是因为我需要自适应,所以用到了float这时候这个属性就失效了。有时候也想让ul li模拟表格样式,其实一点也不好控制边框。一个很好的办法能解决表框问题:背景颜色设置成 border颜色,背景色设置成页面...
分类:
其他好文 时间:
2014-10-27 19:25:58
阅读次数:
132
Emment语法:后代:>缩写:nav>ul>li 兄弟:+缩写:div+p+bq上级:^缩写:div+div>p>span+em^bq 缩写:div+div>p>span+em^^bq 分组:()缩写:div>(header>ul>li*2>a)+...
分类:
其他好文 时间:
2014-10-24 21:59:00
阅读次数:
275
创建节点可以用jquery的工厂函数,$()$() 会根据传入的html标记字符串,创建一个dom对象,并将这个dom对象包装成一个jquery对象后返回。var li_1 = $("bar1");var li_2 = $("bar2");$('ul').append(li_1).append(li...
分类:
Web程序 时间:
2014-10-24 18:39:56
阅读次数:
160
水平居中文本、图片等行内元素的水平居中给父元素设置text-align:center可以实现文本、图片等行内元素的水平居中确定宽度的块级元素的水平居中通过设置margin-left:auto;和margin-right:auto来实现不确定宽度的块级元素的水平居中(以分页模块为例,ul li实现分页...
分类:
其他好文 时间:
2014-10-24 12:46:35
阅读次数:
177
网站制作离不开网页布局就是说DIV+CSS都会涉及到的,以下是工作中总结的一些技巧,留下备用,也可以学习网页前端教程(div+css+jquery)。 1、ul:默认的ul的margin和padding不是0,如果在导航中用到了左浮动的li,往往会把外部的div撑大,导致页面变形,改成: ul{ma...
分类:
Web程序 时间:
2014-10-24 10:48:52
阅读次数:
212
例子:如图,默认不显示全部,点击按钮来回切换,全部显示是一部分推荐的品牌高亮。 $(function(){ //dom加载完再执行 var category = $('ul li:gt(5):not(:last)'); //选中一开始需要隐藏的...
分类:
Web程序 时间:
2014-10-23 22:32:52
阅读次数:
386
每天一个JavaScript实例-提取所有链接并添加到页面末尾列表
window.onload = function(){
var links = document.getElementsByTagName("a");
//console.log(links);
var ul=document.createElement("ul");
for(var i = 0;i<links.length;i...
分类:
编程语言 时间:
2014-10-23 12:35:14
阅读次数:
182
数据源用数组混json结构,实现了基本的功能。效率一般,跟 dhtree 梅花雪树对比了下,都差不多。 (ps感觉比dhtree快点,跟梅花雪树差不多,个人测试)这个实现树的原理是根据json,不断的生成ul li, 下面是一个简单的例子(只有涉及到生成树,也就是说只是展示,tree类代码只有64行...
分类:
编程语言 时间:
2014-10-23 09:29:23
阅读次数:
286