
小模块设计
文章平均质量分 76
小允子
这个作者很懒,什么都没留下…
展开
-
微博发布框
微博发布框body{ font-size:12px;}#div1{ width:400px; margin:20px auto;}#div1 p{ float:right; margin:0;color: brown;}#div1 textarea{ width:400px; height:100px;}#div1 span{font-family: arial;font-size:原创 2016-05-26 12:37:53 · 466 阅读 · 0 评论 -
延迟菜单实现
延迟菜单window.onload = function(){var aA = getByClass(document,'normal');var aSpan = getByClass(document,'float_layer');var timer = null;for(var i=0;iaA[i].index = i;aA[i].onmouse原创 2016-05-26 12:43:20 · 362 阅读 · 0 评论 -
新浪文字分享功能
新浪文字分享#p1{ width:300px; margin:50px;} #div1{ position:absolute; display:none;}//对于选择文字,iE和别的浏览器方法不一样window.onload=function(){var oP1=document.getElementById('p1');var oDiv1=docu原创 2016-05-26 12:51:37 · 323 阅读 · 0 评论 -
无缝切换功能
无缝切换功能的实现*{ margin:0; padding:0;}li{ list-style:none;}#div1{ width:350px; height:60px; border:1px #000000 solid; position:relative; margin:0 auto; overflow:hidden;}#div1 ul{ position:absolut原创 2016-05-26 12:52:43 · 438 阅读 · 0 评论 -
网页进度条实现
网页进度条实现////clip 裁切的意思,当进度条超过文字时,文字由黑色变成白色,我们是通过样式实现的,实际上是两个层, 第二个0是裁切的位置!#progressBox{ width:300px; height:40px; border:1px solid #C8C8C8; background:white; position:relative;}#progressBar{原创 2016-05-26 19:34:07 · 432 阅读 · 0 评论 -
数字时钟的实现
数码时钟的实现body{background: blue;color: white;font-size: 30px;}#div1{width: 300px;height: 36px;border: 1px solid #fff;}#div1 img{width: 25px; height: 36px;position: relative;}window.onload原创 2016-05-27 20:30:12 · 592 阅读 · 0 评论