-
图片加载时候逐渐出现的砂粒波纹效果js版
所属栏目：[Asp教程] 日期：2018-09-07 热度：190
javascript实现的一款特效，我们经常在一些网站看到，就是在图片加载时候逐渐出现的砂粒波纹效果。 加载图片的时候不是一下子就出来了，而是由模糊到清淅，或是由一种不占用过多网络资源的方式先大致显示，然后再慢慢加载，避免因用户等不及将网页关掉，像[详细]
-
js图片放大镜效果 清晰的放大图像
所属栏目：[Asp教程] 日期：2018-09-05 热度：86
js图片放大镜效果 清晰的放大图像 超逼真的JS图片放大镜，效果的确不错，其实是载入了两张一样的图片，只不过被放大的图片像素是小的，在鼠标重载后加载大像素的图片，JS与CSS的配合还原鼠标点很不错，值得参考。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML[详细]
-
CSS结合PNG图片打水印的实现代码
所属栏目：[Asp教程] 日期：2018-09-05 热度：198
用纯CSS实现水印遮罩，看上去就像大家常见的水印，其实是运用叠加和透明度改变的方法实现两张图片互相折叠在一起。效果非常不错的哦，不过并不实现，这里只是让大家学习一下CSS的叠加技巧，如果真的想给图片打水印，还是利用服务端程序吧。 友情提示：烈火[详细]
-
jQuery 图片自动轮换代码 类似幻灯片效果
所属栏目：[Asp教程] 日期：2018-09-03 热度：57
jquery 自动轮换内容，在代码中可以设置图片的数量，也可以设置切换的时间，如果不想让其轮番的话，也可以让它定时显示一条信息，代码里可以经过设置修改。 以前我们曾经介绍过许多这样的效果，文章回顾： 图片焦点切换展示效果,基于JQuery-1.4.2.js jQuer[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目：[Asp教程] 日期：2018-09-03 热度：93
今天再介绍两款仿淘宝网的轮播图片效果，基于 jQuery 框架，如果你的网站很多功能都基于jQuery的话，那么推荐使用，这样可以提高网站的性能，并且jQuery是非常优秀的脚本，通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播： 基于jQuery的超大全屏[详细]
-
js改变图片透明度 不错的特效代码
所属栏目：[Asp教程] 日期：2018-09-03 热度：101
Js动态改变图片的透明度，在文本框内输入不同的值，背景图片的透明度会改变，从而显示出文字，二者结合形成奇特效果。 现在我们来看一下特效： 网页演示：点击此处 运行演示： htmlheadbase href=http://www.veryhuo.comtitleJs动态改变图片的透明度效果 -[详细]
-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目：[Asp教程] 日期：2018-08-27 热度：145
本文中使用纯CSS给图片添加阴影的效果，没有用到图片，纯CSS实现代码，用背景填充及Margins标签两者结合实现的效果，尝试修改这两个标签的参数会有不同的阴影效果，其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例，在烈火以前的文章中也曾经介绍过[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目：[Asp教程] 日期：2018-08-27 热度：168
今天给站长朋友们介绍一个javascript 幻灯片播放的代码，带有动画切换效果，以前在网上见到的都挺复杂感觉，所以自己动手写一个简单的，用时候只需更改图片路径就行了，其它的参数代码里也能改，本代码最大的亮点是简单高效。 跟随烈火一起看一下效果，当[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目：[Asp教程] 日期：2018-08-27 热度：149
就在刚才，烈火给大家介绍一款类似滑动门的图片轮播效果，现在再给出一款黑色风格带缓冲的JS焦点图代码，效果非常酷，刚刚打开时有Loading加载中效果，图片大小可通过修改CSS自定义实现。 实例演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目：[Asp教程] 日期：2018-08-27 热度：167
非常不错的图片轮播切换效果，类似于烈火以前提到的滑动门，有所不同的是：本特效可以设置时间自动切换，作者设计的UI原型是一个滑动门，又结合了图片特效，整体效果感觉挺不错，对 Java Script的学习帮助挺大。 看一下实例代码与演示： !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目：[Asp教程] 日期：2018-08-27 热度：154
这是一款JS横向图片滚动代码，带停顿，滚滚停停，打算用的朋友看清楚了：有丰富的滚动参数随便调节，例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项，使用起来非常方便。 我们来看效果演示： !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目：[Asp教程] 日期：2018-08-27 热度：88
这是一款焦点图幻灯片切换的效果，这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方，上海世博的官方主页也使用了flash焦点图片切换，应朋友之要求，现在用 Java Script模拟出来，烈火看了一下效果不错，简洁不失大方，平滑不失动感！喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目：[Asp教程] 日期：2018-08-27 热度：111
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件，来自于国外的设计网站，前几日烈火小编在国外网站闲逛时发现的，不敢独自使用，特别来分享给大家，感觉好的话，别忘记顶一下哦！ 友情提示：JQuery的特效代码，点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动（鼠标指向停止）
所属栏目：[Asp教程] 日期：2018-08-27 热度：137
最近有几个朋友一直在问笔者跑马灯的问题，其实在以前的教程中，烈火网曾经提到很多类似的效果，例如：Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目：[Asp教程] 日期：2018-08-27 热度：131
可能很多朋友都有过这样的经历，在一个网站上转，鼠标无意中移到一张图片上时，就自动的打开了一个新网页。下面，烈火网就分享一下这个代码，有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如，把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
仿QQ邮箱图片展示 带动画和加载特效
所属栏目：[Asp教程] 日期：2018-08-27 热度：186
仿 QQ邮箱 图片展示，这是小编刚刚在某知名设计论坛看到一位朋友仿的，感觉还不错，只是有部分网页错误，修正了一下拿来分享给大家，本特效特点：代码简洁、效果精美。喜欢的朋友拿走吧，多多支持烈火网哦！ !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
js结合onMouseOver实现鼠标响应图片改变透明度
所属栏目：[Asp教程] 日期：2018-08-23 热度：121
js结合onMouseOver实现鼠标响应图片变清晰，这也是我们在网页制作中经常见到的效果，有的网站用在了友情链接位置，当我们第一眼看到图片时发现图片很模糊，当鼠标经过图片时，就变的清楚了，类似于PS中的图片透明度，挺不错的代码，赶紧给自己的网站用上吧[详细]
-
图片固定范围内左右移动,就像秋千一样
所属栏目：[Asp教程] 日期：2018-08-23 热度：140
图片的左右移动，具备像荡秋千一样的动画效果，图片自己可重新定义，移动速度和距离也可在代码内设定，挺简单的Js生成动画的特效代码，该代码可能在网上没有直接使用的价值，但是具有参考的意义，童鞋们可以多学习一下JS脚本。 演示： htmlheadmeta http-e[详细]
-
渐隐渐显的图片自动播放,纯JavaScript代码实现
所属栏目：[Asp教程] 日期：2018-08-23 热度：200
渐隐渐显的图片自动播放,纯 Java Script代码实现，一个小效果，针对图片而编写的，结合了JavaScript，让一连串的图片以渐显示的方式自动播放，图片的网址赋值给了JS的数组，再交给主程序循环调用，并为图片的渐渐显示功能写了一个函数，使图片的透明度在1[详细]
-
通过下拉框菜单选择查看图片的网页代码
所属栏目：[Asp教程] 日期：2018-08-23 热度：171
通过下拉框菜单选择查看图片的网页代码，一个很实在的小代码，采用带跳转的下拉框切换图片，以达到查看图片的效果。实际上是个基础的技巧，早在学网页设计的时候， dreamweaver 里就有此功能，除了做成切换图片，网址跳转也是可以的，演示效果请点击运行按[详细]
-
jQuery实现产品图片放大效果,响应鼠标弹出
所属栏目：[Asp教程] 日期：2018-08-23 热度：112
基于 jQuery 的图片放大代码，响应鼠标，我们在淘宝网经常见到这样的效果，因此就效果而言，与淘宝网的相比没差多少，使用了jQuery插件简化了不少代码，原图是调用的大图，不需要重新制作缩略图，简单方便的图片效果。 为解决一些网页特效运行后不能显示效[详细]
-
图片上下左右全方位滚动特效,通过按钮可控制
所属栏目：[Asp教程] 日期：2018-08-23 热度：180
图片上下左右全方位滚动特效，通过按钮可控制，一眼看上去好像 录音机 的界面，其实这是一个通过JS控制方向滚动的图片，大家学习一下吧。 注意：在滚动的时候，鼠标还可以拖动，但是你会发现，即使你拖动了，它还是照样会按照原来的方向滚动。 演示： HTML[详细]
-
JavaScript控制图片放大,图片缩小,图片还原
所属栏目：[Asp教程] 日期：2018-08-23 热度：192
烈57火24网(LieHuo17.Net)教72程 Java Script代码实现对图片放大、缩小的控制，当点击放大的时候，图片会放大，点缩小则变小，连续点击则不断的放大，也可清除还原。这项功能是通过 Math.pow(x,y) 的幂运算来计算大小图片放大缩小的尺寸。 演示： htmlhead[详细]
-
CSS 教程: Fliter 图片修饰特效代码之二
所属栏目：[Asp教程] 日期：2018-08-23 热度：86
一个CSS教程，主要讲Fliter滤镜的使用方法，将一幅图片修饰成不同的效果，类似反光、翻转图片、副片、单色、增加通道等图像专业效果。通过这个小教程，你或许会对Fliter有个熟悉的了解。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional/[详细]
-
Css filter:滤镜修饰图片实例代码
所属栏目：[Asp教程] 日期：2018-08-23 热度：80
烈87火56网(LieHuo42.Net)教63程 Css filter:滤镜修饰图片实例，同一张照片，通过定义不同的CSS修饰效果，会获得让你意想不到的效果。其实这里仅使用了CSS中的Fliter滤镜，设置Fliter不同的参数，得到不同的光照角度，出来的效果当然也就不一样了。 演示：[详细]
