12 2011 档案

摘自百度的图片切换特效代码
摘要：代码简介：来自百度联盟的一款图片切换特效，每幅图片淡入淡出切换，美观大方，修改图片地址、链接地址，说明文字都很方便，代码中有详细注释，推荐使用。代码内容：View Code <html><head><title>摘自百度的图片切换特效代码 - www.webdm.cn</title></head><body><script>var links = new Array();links[1] = "/";links[2] = "/";links[3] = "/&qu 阅读全文
posted @ 2011-12-31 11:52 网页代码站 阅读(484) 评论(0) 推荐(0) 编辑
一组图片+文字向上滚屏特效代码
摘要：代码简介：一组图片成批向上滚屏特效，在新浪、QQ网经常会看到这种特效。实际上是运用了Iframe嵌入页面，也就类似于DIV区域，这个用的时候尽量改成DIV，IFRAME有很多不太好的地方，希望你喜欢。代码内容：View Code <html><head><title>一组图片+文字向上滚屏特效代码 - www.webdm.cn</title><SCRIPT language=JavaScript> var dde_para = new Array(); var dde_aa = new Array(); var dde_url = d 阅读全文
posted @ 2011-12-31 11:51 网页代码站 阅读(579) 评论(0) 推荐(0) 编辑
【荐】JS实现的图片弹性拖动特效代码
摘要：代码简介：很有意思的一个JavaScript代码段，鼠标怎么也甩不掉图片，像弹簧一样越甩越远，但就是甩不掉，用好了这一技巧，你就能做出很多漂亮的效果来。代码内容：View Code <HTML><HEAD><META http-equiv=Content-Type content="text/html; charset=gb2312"><title>【荐】JS实现的图片弹性拖动特效代码 - www.webdm.cn</title><STYLE>v\:* { BEHAVIOR: url(#default# 阅读全文
posted @ 2011-12-30 13:14 网页代码站 阅读(236) 评论(0) 推荐(0) 编辑
用CSS的overflow属性实现鼠标经过放大缩略图代码
摘要：代码简介：鼠标滑过图片显示缩略图，看上去这个特效很惹人喜欢，闲来无事，在研究CSS，在网上见到类似的效果，又修改了一下，基本实现了鼠标经过缩略图放大图片的功能，主要是运行了CSS的overflow属性，有兴趣的朋友仔细研究一番吧。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht 阅读全文
posted @ 2011-12-30 13:13 网页代码站 阅读(436) 评论(0) 推荐(0) 编辑
JavaScript实现漫天飞花及文字滚动特效的代码
摘要：代码简介：漫天飞花及文字滚动特效，不知道该怎么形容这种效果，它是图片和文字相结合的一种特效，就叫做漫天飞花吧，另外它还可以控制一组文字上下滚动，也就走马灯，个性十足。代码内容：View Code <title>JavaScript实现漫天飞花及文字滚动特效的代码 - www.webdm.cn</title><SCRIPT language=JavaScript> //设置marquee的宽度(in pixels) var marqueewidth=190 //设置marquee的高度 var marqueeheight=200 //设置marquee的速度 阅读全文
posted @ 2011-12-29 11:02 网页代码站 阅读(384) 评论(0) 推荐(0) 编辑
用CSS实现简单的图片阴影效果代码
摘要：代码简介：用CSS实现简单的图片阴影效果，实现原理是设置图像本身的BORDER，然后在A标签设置比BORDER标签更浅一点的颜色，这样看上去就像是给一个图片加了阴影，如果你得像素之差还可以继续完善，使其更完美。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w 阅读全文
posted @ 2011-12-29 11:01 网页代码站 阅读(576) 评论(0) 推荐(0) 编辑
让图片等比例缩放的代码
摘要：代码简介：js等比例缩放图片，这个功能非常实用，当网页加载一个尺寸比较大的图片时，往往会把一个网页撑的变形，页面变得很难看，于是我们就想到了用JS去控制超出一定范围的图片，以稳定页面布局，本代码段就是完成了此功能，而且代码非常简洁，效果很好，你可以运行代码看下效果。代码内容：View Code <html><head><title>让图片等比例缩放的代码 - www.webdm.cn</title><script>function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度) 阅读全文
posted @ 2011-12-28 11:02 网页代码站 阅读(793) 评论(0) 推荐(0) 编辑
图片预加载的JS代码
摘要：代码简介：来自GOOGLE的图片预加载技术，也就是加载一个图片的时候，为了减轻网页的压力，将图片衰减后先显示出来，然后再慢慢加载，你就会看到一个图片由模糊突然变得清淅起来，这就是预加载的一种。这段代码就完成了图片的预加载功能，你可以点击一个小图然后看到大图慢慢变得清淅，直至加载完成。代码内容:View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 阅读全文
posted @ 2011-12-28 11:00 网页代码站 阅读(526) 评论(3) 推荐(0) 编辑
黑白图片变成彩色图片的CSS代码
摘要：代码简介：很奇异的一个图片特效，鼠标移上黑白图片，图片会变成彩色的，是不是很神奇？其实你只要懂得的原理就不觉得稀奇了！实际上图片本来就是一幅彩色的，只不过是先用CSS的FILTER将其设置成gray，也就是灰色，然后再设置鼠标移上图片的效果为空，这样图片就回到了原来的彩色，原来如此！代码内容：View Code <html><head><title>黑白图片变成彩色图片的CSS代码 - www.webdm.cn</title><meta http-equiv="content-Type" content="te 阅读全文
posted @ 2011-12-27 12:49 网页代码站 阅读(562) 评论(2) 推荐(0) 编辑
判断远程图片是否存在的JavaScript代码
摘要：代码简介：用JavaScript判断远程图片是否存在，不存在话则替换指定的图片，指定图片可以是你网站的LOGO或其它图片，或显示提示信息。没想到用JS还能干这种活，以前都是用笨方法，也就是用ASP/PHP程序去判断，这下可好了，省了很多事。代码内容：View Code <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>判断远程图片是否存在的JavaScript代码 - www.webd 阅读全文
posted @ 2011-12-27 12:48 网页代码站 阅读(367) 评论(0) 推荐(0) 编辑
JavaScript实现的一个图片溶解特效代码
摘要：代码简介：JavaScript图片溶解出现的特效，也可以说是渐隐渐出，在很多图片切换效果中可以看到这种效果，因些可以很好的用到图片转场切换功能中。看了之后才发觉，原来实现起来并不复杂。代码内容：View Code <html><head><title>JavaScript实现的一个图片溶解特效代码 - www.webdm.cn</title><body><SCRIPT FOR=window EVENT=onLoad LANGUAGE=vbscript> image1.filters.item(0).apply() imag 阅读全文
posted @ 2011-12-26 11:50 网页代码站 阅读(656) 评论(2) 推荐(0) 编辑
CSS实现图片半透明代码
摘要：代码简介：用纯CSS代码实现一幅图片的半透明效果，你可以运行一下代码看看效果怎么样？可以看到图片和文字都有半透明的效果，这里只是对图片进行控制，当改变图片透明度的时候，当然也就感觉文字的透明度也改变了，确实不错。代码内容：View Code <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>CSS实现图片半透明代码 - www.webdm.cn</title><sty 阅读全文
posted @ 2011-12-26 11:49 网页代码站 阅读(688) 评论(0) 推荐(0) 编辑
用CSS给图片加个带阴影的边框代码
摘要：代码简介：又一个CSS图片边框阴影效果，很不错的，自动适应图片大小，也就是背景会随着图片的大小自动改变，不失真，从国外网站搞下来的，用到有两个背景图像，预览时可以下载。虽然有时候可以不用背景图像就可以实现CSS阴影，但感觉用图片实现的这种效果看上去更自然一些。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html 阅读全文
posted @ 2011-12-24 12:11 网页代码站 阅读(950) 评论(0) 推荐(0) 编辑
用CSS防Lightbox实现点击小图无刷新显示大图代码
摘要：代码简介：CSS的“Lightbox”是一个人见人爱的图片显示技术，她可以实现点击小图无刷新显示大图的功能。Discuz论坛就有这种功能，不过好像它还用有JS，这一款没有用到JS，完全用纯CSS实现，而且用起来非常方便。注意，图片的边框和大小这个根据你的网页布局自己设置一下，这里只是演示一下，不一定正好适合你的网页。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>用CSS防Lig 阅读全文
posted @ 2011-12-24 12:09 网页代码站 阅读(382) 评论(2) 推荐(0) 编辑
JS实现鼠标指向图片抖动代码
摘要：代码简介：一款比较平滑的图片抖动特效，鼠标放到图片上触发JS函数，记得QQ聊天有一个窗口抖动效果，和这个类似，很可爱。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><titl 阅读全文
posted @ 2011-12-23 12:03 网页代码站 阅读(615) 评论(2) 推荐(0) 编辑
JS+CSS实现4张图片滚动切换代码
摘要：代码简介：一个JS完成的图片切换特效，手动更新，目前限制为4张图片，当然这个是可以自己修改的，如果更改此数字，那么要相应的增加图片单元，否则JS会报错或无法显示图片。本特效很小巧，代码也不是太多，因些适合二次修改。代码内容：View Code <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>JS+CSS实现4张图片滚动切换代码 - www.webdm.cn</title&g 阅读全文
posted @ 2011-12-23 11:48 网页代码站 阅读(879) 评论(0) 推荐(0) 编辑
图片新闻轮番播放的JS代码
摘要：代码简介：一个基于JavaScript的新闻类图片切换特效，一张一张自动循环播放，虽然没有什么华丽的修饰功能，但这款图片幻灯切换的最大优点是可以很好的和动态语言ASP/PHP/ASP.NET结合，从数据库中读出图片地址，自动生成图片幻灯切换单元，大大增加了它的实用性，对CSS比较熟悉的朋友，你完全可以将Table部分变为标准的CSS。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht 阅读全文
posted @ 2011-12-22 11:39 网页代码站 阅读(676) 评论(0) 推荐(0) 编辑
带缩略图响应鼠标滑过图片切换的代码
摘要：代码简介：超好的图片幻灯切换效果，带缩略图，响应鼠标滑过动作，鼠标滑过自动切换为相应大图，配合JS生成的动画效果，看上去很入眼，比较适合图片站或游戏站做精品推荐，而且也容易替换为动态读取，全新的CSS LI列表，代码更简洁，很不错吧代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h 阅读全文
posted @ 2011-12-22 11:38 网页代码站 阅读(341) 评论(0) 推荐(0) 编辑
Js+css实现的一款漂亮宽屏图片切换代码
摘要：代码简介：非常漂亮的JS+CSS图片幻灯切换特效，用在你的首页比较不错，宽屏图片格式，每张图片平滑飞入切换，鼠标放上自动切换，和FLASH的平滑效果差不多，视觉冲击效果很爽，而且代码也不多，调试调用都方便，建议关注一下哦!代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/ 阅读全文
posted @ 2011-12-21 12:43 网页代码站 阅读(506) 评论(0) 推荐(1) 编辑
JS+CSS控制图片向上无缝滚动代码
摘要：代码简介：使一组图上无缝向上滚动的效果，用CSS定义滚动区域的大小与图片正好重叠，然后用JS定义每次滚动的距离也正好与图片大小一样，实现了这种美妙的图片效果。如果要更改图片的大小，记着要把CSS也一并修改哦！代码内容:View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3 阅读全文
posted @ 2011-12-21 12:41 网页代码站 阅读(621) 评论(0) 推荐(0) 编辑
JS+CSS打造一款漂亮绿色相册代码
摘要：代码简介:JavaScript+CSS完成的漂亮相册展示效果，运用了大量CSS代码，JS代码并不多，它可以自动获取链接图片的地址以及TITLE标签的信息，当鼠标点击小图的时候它就会自动加载大图，类似有点Ajax的感觉。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://w 阅读全文
posted @ 2011-12-20 10:40 网页代码站 阅读(558) 评论(0) 推荐(0) 编辑
鼠标悬停出现图片提示的代码
摘要：代码简介：鼠标放到图片后，会出现悬停提示，悬停提示内可以是图片，从代码实现思路上来说，本代码很有创意，代码很精简，如果原图你强制变为小图的话，那么当鼠标放上去以后，会放大出大图，实际上加载的是同一张图片，因此这决定了这款代码在加载速度上有些影响。代码内容：View Code <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>鼠标悬停出现图片提示的代码 - www.webdm. 阅读全文
posted @ 2011-12-20 10:38 网页代码站 阅读(677) 评论(0) 推荐(0) 编辑
用CSS实现的图片透明度链接效果代码
摘要：代码简介：一款使用CSS的Alpha透明度实现的图片链接效果，鼠标放上后图片会变为半透明，然后出现文字介绍，+可以加入其它功能，一般是加入收藏，根据你的需要了，可以自己改。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&qu 阅读全文
posted @ 2011-12-19 11:42 网页代码站 阅读(438) 评论(0) 推荐(0) 编辑
JavaScript控制图片360度旋转代码
摘要：代码简介：JavaScript控制一张图片旋转，每次旋转90度，可旋转一周360度，以前没见到过，也不知道有没有用，奉献给大家，希望喜欢。代码内容：View Code <title>JavaScript控制图片360度旋转代码 - www.webdm.cn</title><script language="javascript"> var isIE = (document.uniqueID)?1:0; var i=1; function rotate(image) { var object = image.parentNode; if(i 阅读全文
posted @ 2011-12-19 11:40 网页代码站 阅读(650) 评论(0) 推荐(0) 编辑
Javascript+CSS实现漂亮带缓冲效果的图片展示代码
摘要：代码简介：名副其实的JS图片幻灯切换特效，风格优美，带动画，图片路径可以轻易修改成从数据库读取，实用性增强，CSS代码可根据你的需要继续优化，确实比较不错。代码内容：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">& 阅读全文
posted @ 2011-12-16 10:37 网页代码站 阅读(426) 评论(2) 推荐(0) 编辑
控制图片水平方向左右滚动的JS代码
摘要：代码简介：一款JS图片滚动效果，默认是不滚动，鼠标放到左侧的三角符号上，它才会滚动，效果不错，运行时请耐心一点等待图片加载完成，然后刷新一下页面就正常了。代码内容：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>控制图片水平方向左右滚动的JS代码 - www.webdm.cn</title><SCRIPT language=JavaScript type=text/ 阅读全文
posted @ 2011-12-16 10:35 网页代码站 阅读(427) 评论(0) 推荐(0) 编辑