08 2012 档案

JS+CSS打造的大屏的焦点图幻灯切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：<!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-24 14:58 芯晴驿站 阅读(276) 评论(0) 推荐(0)
一款JS+CSS打造的带Loading效果的图片切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：<!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-24 14:51 芯晴驿站 阅读(221) 评论(0) 推荐(0)
一款JS+CSS打造的可自动切换的焦点图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：一个JavaScript版的图片幻灯切换特效，仿淘宝网的效果，内含详细的参数说明，引入了两个封闭好的Js函数库，使用前请先顺着地址自行下载。JS焦点图切换，左右滚动切换代码复制即可使用。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head& 阅读全文
posted @ 2012-08-24 14:42 芯晴驿站 阅读(303) 评论(0) 推荐(0)
JS打造的一个页面多次调用的图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>JS打造的一个页面多次调用的图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn</title><metahttp-equiv=&quo 阅读全文
posted @ 2012-08-24 14:38 芯晴驿站 阅读(218) 评论(0) 推荐(0)
CSS+jQuery经典的焦点图切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：较经典的jQuery焦点图代码，也就是大家所说的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= 阅读全文
posted @ 2012-08-24 14:36 芯晴驿站 阅读(291) 评论(0) 推荐(0)
JS+CSS打造的交错式图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>JS+CSS打造的交错式图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn</title><metahttp-equiv=" 阅读全文
posted @ 2012-08-24 10:01 芯晴驿站 阅读(260) 评论(0) 推荐(0)
一款js淡出淡入式图片切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：<html><head><title>一款js淡出淡入式图片切换效果丨芯晴网页特效丨CsrCode.Cn</title></head><body><scriptlanguage="JavaScript1.2">varslideshow_width=320//SETIMAGEWIDTHvarslideshow_height=240//SETIMAGEHEIGHTvarpause=3000//SETPAUSEBETWEENSLIDE(3000=3seconds)varfadeimages=new 阅读全文
posted @ 2012-08-24 09:59 芯晴驿站 阅读(206) 评论(0) 推荐(0)
CSS+JS经典实用的图片展示效果丨芯晴网页特效丨CsrCode.Cn
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>CSS+JS经典实用的图片展示效果丨芯晴网页特效丨CsrCode.Cn</title><metahttp-equiv="con 阅读全文
posted @ 2012-08-24 09:57 芯晴驿站 阅读(256) 评论(0) 推荐(0)
CSS+jQuery打造的多种过渡方式带缩略图的图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>CSS+jQuery打造的多种过渡方式带缩略图的图片幻灯切换效果丨芯晴网页特效丨CsrCode.Cn</title><metahttp- 阅读全文
posted @ 2012-08-24 09:50 芯晴驿站 阅读(242) 评论(0) 推荐(0)
CSS+JS打造的很酷的动感缩放图片展示效果丨芯晴网页特效丨CsrCode.CN
摘要：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>CSS+JS打造的很酷的动感缩放图片展示效果丨芯晴网页特效丨CsrCode.CN</title><metahttp-equiv=&quo 阅读全文
posted @ 2012-08-24 09:42 芯晴驿站 阅读(199) 评论(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><title>CSS+JS自动循环滚动的多图片幻灯切换展示效果丨芯晴网页特效丨CsrCode.CN</title><metahttp-equiv=&q 阅读全文
posted @ 2012-08-24 09:33 芯晴驿站 阅读(452) 评论(0) 推荐(0)
一款非常漂亮的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 芯晴驿站 阅读(801) 评论(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 芯晴驿站 阅读(465) 评论(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 芯晴驿站 阅读(1118) 评论(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 芯晴驿站 阅读(181) 评论(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 芯晴驿站 阅读(304) 评论(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 芯晴驿站 阅读(379) 评论(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 芯晴驿站 阅读(199) 评论(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 芯晴驿站 阅读(258) 评论(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 芯晴驿站 阅读(292) 评论(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 芯晴驿站 阅读(197) 评论(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 芯晴驿站 阅读(157) 评论(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 芯晴驿站 阅读(276) 评论(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 芯晴驿站 阅读(173) 评论(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 芯晴驿站 阅读(227) 评论(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 芯晴驿站 阅读(188) 评论(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 芯晴驿站 阅读(438) 评论(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 芯晴驿站 阅读(159) 评论(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 芯晴驿站 阅读(173) 评论(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 芯晴驿站 阅读(173) 评论(0) 推荐(0)
两行CSS代码实现的感应鼠标图片放大效果
摘要：<title>两行CSS代码实现的感应鼠标图片放大效果丨芯晴网页特效丨CsrCode.Cn</title><style>div#resizea:hover{position:absolute;}div#resizea:hoverimg{width:450px;}</style><divid="resize"><ahref="#"><imgsrc="/images/m03.jpg"border=0></a></div><br 阅读全文
posted @ 2012-08-23 16:59 芯晴驿站 阅读(147) 评论(0) 推荐(0)