-
纯CSS图片阴影效果(无图实现的图片阴影)
所属栏目：[Asp教程] 日期：2018-09-02 热度：202
本文中使用纯CSS给图片添加阴影的效果，没有用到图片，纯CSS实现代码，用背景填充及Margins标签两者结合实现的效果，尝试修改这两个标签的参数会有不同的阴影效果，其实也可使用CSS的滤镜来实现本类效果。 其实这样的实例，在烈火以前的文章中也曾经介绍过[详细]
-
javascript 新闻幻灯片代码,带有动画效果
所属栏目：[Asp教程] 日期：2018-09-02 热度：132
今天给站长朋友们介绍一个javascript 幻灯片播放的代码，带有动画切换效果，以前在网上见到的都挺复杂感觉，所以自己动手写一个简单的，用时候只需更改图片路径就行了，其它的参数代码里也能改，本代码最大的亮点是简单高效。 跟随烈火一起看一下效果，当[详细]
-
仿Flash幻灯带缓冲的焦点图切换轮播(黑色风格)
所属栏目：[Asp教程] 日期：2018-09-02 热度：98
就在刚才，烈火给大家介绍一款类似滑动门的图片轮播效果，现在再给出一款黑色风格带缓冲的JS焦点图代码，效果非常酷，刚刚打开时有Loading加载中效果，图片大小可通过修改CSS自定义实现。 实例演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transiti[详细]
-
滑动门式的图片轮播切换效果,JS+CSS实现
所属栏目：[Asp教程] 日期：2018-09-02 热度：113
非常不错的图片轮播切换效果，类似于烈火以前提到的滑动门，有所不同的是：本特效可以设置时间自动切换，作者设计的UI原型是一个滑动门，又结合了图片特效，整体效果感觉挺不错，对 Java Script的学习帮助挺大。 看一下实例代码与演示： !DOCTYPE html PUB[详细]
-
横向带停顿的图片滚动,script+marquee实现
所属栏目：[Asp教程] 日期：2018-09-02 热度：91
这是一款JS横向图片滚动代码，带停顿，滚滚停停，打算用的朋友看清楚了：有丰富的滚动参数随便调节，例如可调整滚动的方向、滚动步长、可视宽度、定时器大孝间歇停顿时间、开始等待时间、间歇滚动间距等选项，使用起来非常方便。 我们来看效果演示： !DOCT[详细]
-
用JS模拟2010上海世博网站Flash幻灯切换效果
所属栏目：[Asp教程] 日期：2018-09-02 热度：69
这是一款焦点图幻灯片切换的效果，这种效果被各位站长应用在自己的网站上。作为2010年世博会的举办方，上海世博的官方主页也使用了flash焦点图片切换，应朋友之要求，现在用 Java Script模拟出来，烈火看了一下效果不错，简洁不失大方，平滑不失动感！喜欢[详细]
-
基于jQuery的超大全屏背景/幻灯片自动播放
所属栏目：[Asp教程] 日期：2018-09-02 热度：159
这是一款基于 jQuery 的超大全屏背景/幻灯片自动播放的优秀插件，来自于国外的设计网站，前几日烈火小编在国外网站闲逛时发现的，不敢独自使用，特别来分享给大家，感觉好的话，别忘记顶一下哦！ 友情提示：JQuery的特效代码，点击运行后可能需要刷新才能[详细]
-
简单实现图片横向滚动（鼠标指向停止）
所属栏目：[Asp教程] 日期：2018-09-02 热度：119
最近有几个朋友一直在问笔者跑马灯的问题，其实在以前的教程中，烈火网曾经提到很多类似的效果，例如：Marquee实现向上滚动文字[鼠标指向停止]、多列文字上下循环滚动 鼠标指向停止、可以控制的友情链接图片横向滚动代码和JS实现图片无间隙滚动等。今天再[详细]
-
鼠标经过图片时自动弹出网页窗口的特效
所属栏目：[Asp教程] 日期：2018-09-02 热度：70
可能很多朋友都有过这样的经历，在一个网站上转，鼠标无意中移到一张图片上时，就自动的打开了一个新网页。下面，烈火网就分享一下这个代码，有兴趣的朋友可以试试。这个代码还有一些另类的用法。比如，把这个代码的地址设置成某个自动ptp或转址站的下线链[详细]
-
JavaScript版可控制切换的图片轮换特效
所属栏目：[Asp教程] 日期：2018-08-23 热度：180
Java Script版可控制的图片切换，设计精美，四张图片轮播，用了5张背景图，简洁大方。 使用说明： addTab(标签栏ID,标签栏子的标签tagname,左右按钮是否在标签栏中并在两侧,标签栏选中时的className,内容栏ID,内容栏子的标签tagname,左右按钮是否在内容栏[详细]
-
JavaScript 回旋滚轴幻灯片切换代码
所属栏目：[Asp教程] 日期：2018-08-23 热度：73
烈44火12网(LieHuo05.Net)网页特效教04程，回旋滚轴幻灯片切换代码，以回旋的方式切换每一张图片，切换方式的改变让人有耳目一新的感觉，以往大家常用的效果有淡入淡出、模糊切换等，本效果同样可设定 开始运行 的图片序号、自动运行时间、运行间隔设置等[详细]
-
图片Title鼠标提示Tips，带人性化缺口
所属栏目：[Asp教程] 日期：2018-08-23 热度：167
图片Title鼠标提示Tips，带人性化缺口，超漂亮的鼠标提示，带人性化缺口，在测试时候大家可改变浏览器窗口大小，可以看到缺口会根据网页的大小智能改变方向，以确保提示位置的正确性，其实由此大家可以学习到更多的 Java Script与CSs代码知识。 演示效果：[详细]
-
纯 CSS 实现图片边框立体阴影效果代码
所属栏目：[Asp教程] 日期：2018-08-23 热度：158
纯CSS 漂亮的立体图片边框效果，图片阴影代码，个人觉得这个挺实用，CSs实现的，定义成类，可让你整个网页上的图片都是有立体阴影的，不错吧，感谢作者分享。 特效演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/[详细]
-
感应鼠标的图片遮罩动画效果,jQuery版
所属栏目：[Asp教程] 日期：2018-08-23 热度：191
jQuery 实现动态显示文字TIPS效果，当鼠标移到图片上时，图片遮罩动画显示文字，从四个角展开、收缩。具体效果请您查看下面的演示。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示 网页演示：猛击此处 运[详细]
-
JavaScript动感图片标题的焦点图切换
所属栏目：[Asp教程] 日期：2018-08-23 热度：179
Java script 动感焦点图切换，标题和简短的图片介绍也是动感的，整体看上去很有灵气，本代码对于学习JavaScript的朋友来说，当作一款学习的参考代码也是适合的，好好研究一下吧。 特效演示： !Doctype htmlhtmlheadmeta http-equiv=Content-type content=t[详细]
-
JS图片响应鼠标自动切换当前效果
所属栏目：[Asp教程] 日期：2018-08-23 热度：131
Java Script实例，通过控制Html网页元素，来控制图片的重叠顺序，鼠标移上某一张，那一张就显示在最前面，移动到最后层，它会显示在最前，有意思吧，其实挺简单。 特效演示： htmlheadtitle改变图片重叠顺序/titlestyle type=text/css.s1{position:absolut[详细]
-
图片轮播效果,仿FLASH效果,JS+CSS效果
所属栏目：[Asp教程] 日期：2018-08-23 热度：150
一款很精致的 Java Script仿Flash图片切换效果，代码比较多，呵呵，用时候是可以封装的，将Js代码摘出封装一下还是不错的，图片由上至下滑动出现，并与底下的小图一一对应起来，当转到下一张时，小图片从右至左移动，下一张图片由上至下再滑动出来。 效果[详细]
-
图片定时自动更换,可设置时间,好似GIF动画
所属栏目：[Asp教程] 日期：2018-08-23 热度：116
两张图片定时自动来回更换，可以在JS中设置定时更换的时间，两张图片不断交替，好似GIF动画，当然这里使用的是两张图片，您可以制作多张图片，同时将图片内容做的相似一些，就可以形成真正的GIF了。 特效演示： htmlheadtitle每隔一定时间更换广告图片/tit[详细]
-
CSS处理图片灰度、反相、X光等效果代码
所属栏目：[Asp教程] 日期：2018-08-23 热度：182
CSS处理图片灰度、反相、X光等效果代码，在Photoshop软件中，我们经常使用这样的效果来处理图片，今天烈火首次发表相关CSS的实现方式，对于提高大家的CSS水平非常有帮助。 推荐阅读：烈火提供的CSS中文手册 特效演示： htmlheadtitle灰度、反相、X光效果/t[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目：[Asp教程] 日期：2018-08-19 热度：140
jQuery 单击按钮动态加载图片效果代码，通过标题就可以看明白了，这是一个简单的例子，尽管实际应用性不强，但是挺有趣的，有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演[详细]
-
jQuery延迟加载，当用到图片时才加载，只加载当前屏幕的图片
所属栏目：[Asp教程] 日期：2018-08-19 热度：70
jQuery 延迟加载，当用到图片时才加载，只加载当前屏幕的图片。也就是当拖动IE的滚动条时，下面的内容才会被加载，先获取窗口高度、判断图片是否到一半，滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条，慢慢看一下图片的变化，当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目：[Asp教程] 日期：2018-08-19 热度：180
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效，我做的第一个JS组件，纯 Java Script实现的，没有借用 jQuery ，是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有，纯为练习之作, 然望大家多多指点。 演示： !Do[详细]
-
仿迅雷图片的被动加载效果，兼容性不太好
所属栏目：[Asp教程] 日期：2018-08-19 热度：78
Java script实现的页面图片被动加载类，在使用前用1像素图像进行占位，并给img tag 添加 自定义bigsrc属性 ，当有图片进入可视区域内时，载入图片，提高页面载入速度，节省不必要的流量和连接数，x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像，JS浮动层放大图像
所属栏目：[Asp教程] 日期：2018-08-19 热度：153
鼠标经过图像后弹出一个浮动层然后放大该图像，基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图，程序加载完图像后才能看到效果，这也是一个不完美的地方，仅供参考学习。 演示： htmlheadtitle鼠标经过弹出浮动层，放大图像/titlescript[详细]
-
JS放大镜，移动放大镜，JavaScript图片放大代码
所属栏目：[Asp教程] 日期：2018-08-19 热度：165
JS放大镜, Java Script图片放大代码，JavaScript妙味课堂的一个作品，通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的！的确，这是来自妙味课堂的一个小作品，具体效果大家自己看吧。 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
