HTML 5
文章平均质量分 86
张成金的博客
你并不孤独
展开
-
css实现圆角div
原理:效果图:代码:圆角div#all{ width:600px; height:200px;}b{display:block;margin:0 auto;overflow:hidden;border-left:1px solid red;border-right:1px solid red;height:1px;backgro原创 2012-09-27 22:17:11 · 1749 阅读 · 0 评论 -
css实现尖角div
尖角在上面效果图:代码:尖角div#top{ width:400px; height:250px; border:3px solid; /* 边框宽度为3px */ position:relative;}.sp1,.sp2{ display:block; height:0px; width:0px; position:ab原创 2012-09-28 23:27:19 · 17122 阅读 · 7 评论 -
Jquery上滑插件
今天,闲着没事,就试着用JQuery写了这个网上很常见的上滑效果。具体代码: #div1{ width:800px;height:80px; overflow:hidden; border:1px solid red;margin:0 auto;} #ul1{ width:600px;margin:0;padding:0;}原创 2013-03-07 16:45:45 · 2078 阅读 · 0 评论 -
Jquery左滑插件
今天写了左滑的插件,详情如下:LeftSlider.htm文件与图片:LeftSlider.htm文件的代码: /*注意main的css属性(white-space:nowrap)(不换行)*/ #main{width:800px;height:600px;margin:0 auto;border:1px solid; wh原创 2013-03-08 11:05:44 · 2557 阅读 · 0 评论 -
利用Dtree实现树状结构
今天闲着没事,就用Dtree写了一直想写的树状结构,虽然网上代码很多,但大多数都解释的不太清楚。所以我决定把它的使用详细的解释一遍。看具体实例:目录的结构:(注意:img目录和test.html文件必须在同一级目录下,且名字为img) (如果不想使用img作为目录名就请自行到dtree.js中更改!)test.html的代码如下: js+css实现树原创 2013-03-12 14:42:01 · 1988 阅读 · 0 评论