2012年8月23日
一款非常漂亮的JS放烟花效果
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/&g 阅读全文
posted @ 2012-08-23 17:27 芯晴驿站 阅读(777) 评论(0) 推荐(0) 编辑
常用的JS+CSS弹出二级导航菜单特效
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:26 芯晴驿站 阅读(456) 评论(0) 推荐(0) 编辑
CSS+JS点击展开/隐藏的折叠菜单
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:24 芯晴驿站 阅读(1075) 评论(0) 推荐(0) 编辑
CSS+JS黑色风格代码简单的滑动门
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:24 芯晴驿站 阅读(171) 评论(0) 推荐(0) 编辑
CSS+JS带缩略图随机切换方式的图片切换效果
摘要： <html><head><title>CSS+JS带缩略图随机切换方式的图片切换效果丨芯晴网页特效丨CsrCode.Cn</title><style>BODY{PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:12px;BACKGROUND:#000;PADDING-BOTTOM:0px;MARGIN-LEFT:auto;COLOR:#f6f6ee;MARGIN-RIGHT:auto;PADDING-TOP:0px;FONT-FAMILY:宋体;HEIGHT:490px;TEXT-ALIGN:c 阅读全文
posted @ 2012-08-23 17:23 芯晴驿站 阅读(294) 评论(0) 推荐(0) 编辑
CSS+jQuery实现的鼠标滑过图片周围图片变暗的效果
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/&g 阅读全文
posted @ 2012-08-23 17:22 芯晴驿站 阅读(370) 评论(0) 推荐(0) 编辑
Js+CSS淡入式效果图片幻灯切换效果
摘要： <!DOCTYPE html><html><head><meta charset="utf-8" /><title>Js+CSS淡入式效果图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn</title><style type="text/css"> * {margin:0; padding:0;}#focus {width:800px; height:280px; overflow:hidden; position:relative;}#focus ul {heigh 阅读全文
posted @ 2012-08-23 17:20 芯晴驿站 阅读(194) 评论(0) 推荐(0) 编辑
CSS+◆符号实现的tip中小三角效果
摘要： <!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title>CSS+◆符号实现的tip中小三角效果丨芯晴网页特效丨CsrCode.Cn</title><styletype="text/css">@charset"utf-8";/*CSSDocument*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, 阅读全文
posted @ 2012-08-23 17:20 芯晴驿站 阅读(244) 评论(0) 推荐(0) 编辑
CSS+jQuery打造的点击显示当前选中菜单项的导航效果
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:19 芯晴驿站 阅读(286) 评论(0) 推荐(0) 编辑
一款CSS+JS淡入式焦点图片幻灯切换效果
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:18 芯晴驿站 阅读(194) 评论(0) 推荐(0) 编辑
CSS+JS自动改变切换方向的图片幻灯切换效果
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:18 芯晴驿站 阅读(152) 评论(0) 推荐(0) 编辑
CSS+js弹出居中的背景半透明div层
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:17 芯晴驿站 阅读(270) 评论(0) 推荐(0) 编辑
一款代码精简的JS鼠标拖动DIV层效果
摘要： <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>一款代码精简的JS鼠标拖动DIV层效果丨芯晴网页特效丨CsrCode.Cn</TITLE><scripttype="text/javascript">functiondrag(o){o=document.getElementById(o);o.style.position="absolute";o.onmousedo 阅读全文
posted @ 2012-08-23 17:17 芯晴驿站 阅读(169) 评论(0) 推荐(0) 编辑
一款漂亮古朴的HTML5钟表效果
摘要： <!DOCTYPE><htmllang="en"id="paulrhayes-com"class="jswf-swingdancer1swingdancer2-n5-activewf-active"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>一款漂亮古朴的HTML5钟表效果丨芯晴网页特效丨CsrCode.Cn</titl 阅读全文
posted @ 2012-08-23 17:16 芯晴驿站 阅读(222) 评论(0) 推荐(0) 编辑
jQuery+CSS打造的标准型二级下拉菜单
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:15 芯晴驿站 阅读(186) 评论(0) 推荐(0) 编辑
jQuery+css打造的带箭头指示的导航菜单
摘要： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2012-08-23 17:14 芯晴驿站 阅读(417) 评论(0) 推荐(0) 编辑
运用CSS3技术实现的带TAB切换的JS幻灯片功能
摘要： <br><fontcolor=black>▲　目前IE8及以前版本不兼容CSS3，请使用IE9/火狐/Chrome浏览器运行本效果。<br><hr><palign="center">本特效由<ahref="http://www.CsrCode.cn"target="_blank">芯晴网页特效</a>丨CsrCode.Cn收集于互联网，只为兴趣与学习交流，不作商业用途。来源：源码爱好者</p></font><!DOCTYP 阅读全文
posted @ 2012-08-23 17:13 芯晴驿站 阅读(157) 评论(0) 推荐(0) 编辑
悬挂关闭的演示，可以展开、隐藏和关闭的div层
摘要： <HTML><HEAD><TITLE>悬挂关闭的演示，可以展开、隐藏和关闭的div层丨芯晴网页特效丨CsrCode.Cn</TITLE><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></HEAD><SCRIPTlanguage=Javascript>document.writeln("");document.writeln("<styletype=\&# 阅读全文
posted @ 2012-08-23 17:10 芯晴驿站 阅读(146) 评论(0) 推荐(0) 编辑
悬挂关闭的演示，可以展开、隐藏和关闭的div层
摘要： <HTML><HEAD><TITLE>悬挂关闭的演示，可以展开、隐藏和关闭的div层丨芯晴网页特效丨CsrCode.Cn</TITLE><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"></HEAD><SCRIPTlanguage=Javascript>document.writeln("");document.writeln("<styletype=\&# 阅读全文
posted @ 2012-08-23 17:02 芯晴驿站 阅读(166) 评论(0) 推荐(0) 编辑
搜狐博客相册首页扒下来的马赛克效果自动切换的flash幻灯片
摘要： <html><title>搜狐博客相册首页扒下来的马赛克效果自动切换的flash幻灯片丨芯晴网页特效丨CsrCode.Cn</title><body><divid="navSub"class="clear"><ul><spanid='chip_photo_nav'style='display:none'>&nbsp;</span></ul></div><!--//navSub-->&l 阅读全文
posted @ 2012-08-23 17:01 芯晴驿站 阅读(166) 评论(0) 推荐(0) 编辑