-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目：[Asp教程] 日期：2018-08-29 热度：168
就在刚才，烈火给大家介绍一款类似滑动门的图片轮播效果，现在再给出一款黑色风格带缓冲的JS焦点图代码，效果非常酷，刚刚打开时有Loading加载中效果，图片大小可通过修改CSS自定义实现。 实例演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目：[Asp教程] 日期：2018-08-29 热度：189
非常不错的图片轮播切换效果，类似于烈火以前提到的滑动门，有所不同的是：本特效可以设置时间自动切换，作者设计的UI原型是一个滑动门，又结合了图片特效，整体效果感觉挺不错，对 Java Script的学习帮助挺大。 看一下实例代码与演示： !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目：[Asp教程] 日期：2018-08-29 热度：117
这是一款JS横向图片滚动代码，带停顿，滚滚停停，打算用的朋友看清楚了：有丰富的滚动参数随便调节，例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项，使用起来非常方便。 我们来看效果演示： !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目：[Asp教程] 日期：2018-08-29 热度：84
这是一款焦点图幻灯片切换的效果，这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方，上海世博的官方主页也使用了flash焦点图片切换，应朋友之要求，现在用 Java Script模拟出来，烈火看了一下效果不错，简洁不失大方，平滑不失动感！喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目：[Asp教程] 日期：2018-08-29 热度：155
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件，来自于国外的设计网站，前几日烈火小编在国外网站闲逛时发现的，不敢独自使用，特别来分享给大家，感觉好的话，别忘记顶一下哦！ 友情提示：JQuery的特效代码，点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动（鼠标指向停止）
所属栏目：[Asp教程] 日期：2018-08-29 热度：162
最近有几个朋友一直在问笔者跑马灯的问题，其实在以前的教程中，烈火网曾经提到很多类似的效果，例如：Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目：[Asp教程] 日期：2018-08-29 热度：143
可能很多朋友都有过这样的经历，在一个网站上转，鼠标无意中移到一张图片上时，就自动的打开了一个新网页。下面，烈火网就分享一下这个代码，有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如，把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
CSS结合PNG图片打水印的实现代码
所属栏目：[Asp教程] 日期：2018-08-24 热度：177
用纯CSS实现水印遮罩，看上去就像大家常见的水印，其实是运用叠加和透明度改变的方法实现两张图片互相折叠在一起。效果非常不错的哦，不过并不实现，这里只是让大家学习一下CSS的叠加技巧，如果真的想给图片打水印，还是利用服务端程序吧。 友情提示：烈火[详细]
-
CSS给图片增加简洁灰色的大边框效果
所属栏目：[Asp教程] 日期：2018-08-24 热度：56
CSS趣味图片边框之带间隔的大边框代码，看似简单，为什么别人做出来都挺漂亮呢？这就是配色和审美的因素了，好好学习一下吧，本效果用最简的代码写出的，其实还可以再精简，不过兼容性就变差了。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional[详细]
-
CSS给图片的边框添加阴影效果
所属栏目：[Asp教程] 日期：2018-08-24 热度：97
CSS趣味图片边框之阴影特效代码,这也是大家经常用到的,把一幅图片加上阴影,这样看上去图片是不是更漂亮了,本代码的实现是用一幅自带的阴影图片,用CSs代码去控制阴影图片的显示.当然除此之外,还有其它许多方法都能实现图片阴影. !DOCTYPE html PUBLIC -//W3[详细]
-
js图片循环滚动 向左右两边切换效果
所属栏目：[Asp教程] 日期：2018-08-24 热度：127
JS图片左右切换效果的代码，我费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。图片显示的宽度。对应样式中的宽度也要修改为一致。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x[详细]
-
QQ在线状态自定义图片,通过js设置多个号码
所属栏目：[Asp教程] 日期：2018-08-24 热度：145
QQ在线客服状态检测,自定义在线状态图片，可设置不同的QQ号码，号码专一存放在数组里，可以设置无限多个。不过太我的话检测起来就会费时间，甚至为造成网页假死哦。 为解决一些网页特效运行后不能显示效果（例如： jQuery 则需要刷新）问题，烈火特别新增[详细]
-
js 实现渐隐图片,鼠标经过时的渐现效果
所属栏目：[Asp教程] 日期：2018-08-24 热度：51
Java Script图片渐现渐隐效果，鼠标放上后激活函数，驱动图片逐渐显示，移开后恢复。本效果基于JS与CSS共同完成，CSS的作用是完成图片透明度的改变，这一步是单步的，Js负责重复这些单步，最终实现淡入淡出效果。 为解决一些网页特效运行后不能显示效果（[详细]
-
jQuery 图片自动轮换代码 类似幻灯片效果
所属栏目：[Asp教程] 日期：2018-08-24 热度：69
jquery 自动轮换内容，在代码中可以设置图片的数量，也可以设置切换的时间，如果不想让其轮番的话，也可以让它定时显示一条信息，代码里可以经过设置修改。 以前我们曾经介绍过许多这样的效果，文章回顾： 图片焦点切换展示效果,基于JQuery-1.4.2.js jQuer[详细]
-
jQuery仿淘宝幻灯片图片轮播效果二款
所属栏目：[Asp教程] 日期：2018-08-24 热度：148
今天再介绍两款仿淘宝网的轮播图片效果，基于 jQuery 框架，如果你的网站很多功能都基于jQuery的话，那么推荐使用，这样可以提高网站的性能，并且jQuery是非常优秀的脚本，通过它可以实现很多功能。 回顾一下以前的jQuery图片轮播： 基于jQuery的超大全屏[详细]
-
js获得图片坐标、移动、显示、隐藏图片的代码
所属栏目：[Asp教程] 日期：2018-08-24 热度：178
本文介绍的特效主要功能有：Js移动图片、获得图片坐标、设置图片隐藏等等，可以得到图片的横向位置、竖向位置、将图片移动到指定位置、显示或隐藏篾片，并实现图片的相对移动。 不错吧，来看效果： 网页演示：点击此处 运行演示： HTMLHEADtitlejs移动图片[详细]
-
点击显示、点击隐藏图片 javascript代码
所属栏目：[Asp教程] 日期：2018-08-24 热度：196
Java Script点击显示、隐藏一个层或一个图片的代码，先定义两个函数分别用来显示、隐藏对象的block，然后用两个超链接调用javascript中的两个函数实现显示或隐藏，其实是非常简单的，但是之前有不少朋友问我怎么弄，这里的图片其实可以换成一个登录用的Div[详细]
-
jQuery延迟加载，当用到图片时才加载，只加载当前屏幕的图片
所属栏目：[Asp教程] 日期：2018-08-21 热度：92
jQuery 延迟加载，当用到图片时才加载，只加载当前屏幕的图片。也就是当拖动IE的滚动条时，下面的内容才会被加载，先获取窗口高度、判断图片是否到一半，滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条，慢慢看一下图片的变化，当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：165
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效，我做的第一个JS组件，纯 Java Script实现的，没有借用 jQuery ，是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有，纯为练习之作, 然望大家多多指点。 演示： !Do[详细]
-
仿迅雷图片的被动加载效果，兼容性不太好
所属栏目：[Asp教程] 日期：2018-08-21 热度：116
Java script实现的页面图片被动加载类，在使用前用1像素图像进行占位，并给img tag 添加 自定义bigsrc属性 ，当有图片进入可视区域内时，载入图片，提高页面载入速度，节省不必要的流量和连接数，x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像，JS浮动层放大图像
所属栏目：[Asp教程] 日期：2018-08-21 热度：122
鼠标经过图像后弹出一个浮动层然后放大该图像，基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图，程序加载完图像后才能看到效果，这也是一个不完美的地方，仅供参考学习。 演示： htmlheadtitle鼠标经过弹出浮动层，放大图像/titlescript[详细]
-
JS放大镜，移动放大镜，JavaScript图片放大代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：127
JS放大镜, Java Script图片放大代码，JavaScript妙味课堂的一个作品，通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的！的确，这是来自妙味课堂的一个小作品，具体效果大家自己看吧。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目：[Asp教程] 日期：2018-08-21 热度：167
Java Script动态放大图片，缩小图片，重置图片大小，为了加快效果演示，这里远程调用了一张像素比较小的图片，实际运用中你可根据需要选用。 演示代码： htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JavaScript测试图片转场的滤镜特效
所属栏目：[Asp教程] 日期：2018-08-21 热度：63
Java Script测试图片转场的滤镜特效，为图片添加阴影效果，两种阴影效果的比较，欢迎学习和研究。 代码演示： htmlheadtitle测试图片转场的滤镜特效/titlestyle type=text/cssdiv {width:160;}/stylescript language=JavaScriptvar intflag = 0;function s[详细]
-
JavaScript滤镜控制功能的特效代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：102
Java Script滤镜控制功能的演示代码，让滤镜变成其它的效果，一个比较有趣的小例子，对于学习Javascript有一定的帮助，你可以点击下边的运行按钮查看效果，或者直接点击保存代码到本地。 演示： htmlheadtitleJavaScript控制滤镜特效/titlestyle type=text[详细]
