-
超酷的js图片切换代码 带有切片滤镜效果
所属栏目：[Asp教程] 日期：2018-08-26 热度：84
具备切片滤镜效果的 Java Script图片切换，图片像水纹一样过渡切换，可选参数有：风格样式、焦点图数量、切片效果（1为甩头，2为甩尾，3为凌乱，4随机）、焦点图切换间隔时间，本效果是无文字版的，也就是仅是图片在切换，烈火随后会发布有文字版。 示例：[详细]
-
仿必应搜索首页图片上显示渐隐渐现的小方块
所属栏目：[Asp教程] 日期：2018-08-26 热度：110
在图片上方显示渐显渐隐藏的小方格子，微软著名的搜索引擎必应（bing.com）就是使用了这种效果，只不过必应的小方框是可以带链接的，本例中没有实现链接，高手们可以修改一下，抽时间把必应的效果分享给大家，像这样的格子可以有很多，都在响应鼠标动作，[详细]
-
javascript 简单实现图片上传预览功能
所属栏目：[Asp教程] 日期：2018-08-26 热度：174
javascript 简单实现图片上传预览功能的代码，没有用到 jQuery ，各有各的特点吧，如果你的网站之前就用有jQuery话，为了方便起见，最好借助jQuery插件完成本功能。要么你就用现在这个纯 Java Script版本的，很实用的功能。 看一下演示效果： HTMLHEADTITL[详细]
-
一个非常简单的图片交替切换特效
所属栏目：[Asp教程] 日期：2018-08-24 热度：137
一个非常简单的图片交替切换特效，也是基于 Java Script实现，只不过是一个雏形，因为还不太完善，效果中随机水平细纹来切换过渡图片，学习JavaScript的朋友，不妨好好参考一下本程序，它用两个图片来说明图片切换的原理，相对简单可靠。 特效演示： htmlh[详细]
-
网页图片选择器，基于JavaScript编写实现
所属栏目：[Asp教程] 日期：2018-08-24 热度：103
网页图片选择器，基于 Java Script编写实现，用Select下拉框选择图片，然后跳转并显示出来。为了演示速度 ，这里调用的图片比较小，实际使用时你可以更换图片。 效果演示： htmlheadtitleJavaScript图片选择器/titlescript language=javascript!--function[详细]
-
图片无法显示时，加载默认图片的JS代码
所属栏目：[Asp教程] 日期：2018-08-24 热度：55
Java Script智能判断图片是否能够正确加载，若加载失败则用默认图片替换，这是个比较实用的功能，不少网站都可见到这种功能，一为使网站整洁，二来提升网页体验，不至于让别人觉得你这网站有问题。 看起来挺复杂的样子，其实非常简单，只要一句代码就可以[详细]
-
图片在DIV中上下左右都居中的CSS效果
所属栏目：[Asp教程] 日期：2018-08-24 热度：183
连续发表了两篇关于水平和上下居中的文章，大家可以通过本文尾部的上一篇来查看前边的文章，不说费话，烈火将又一款居中代码展示出来。 演示： htmlheadstyle type=text/css!--* {margin:0;padding:0}div {width:500px;height:500px;border:1px solid #666[详细]
-
图片大小未知，在已知DIV中上下左右居中
所属栏目：[Asp教程] 日期：2018-08-24 热度：74
未知大小的图片在已知的Div区域中居中，这是其中之一的方法，大家可看出，远程调用的百度Logo始终显示在外层方框的中间，这里的中间是指宽度和高度都居中，代码虽然不多，但效果挺不错，有必要参考。 演示效果： htmlheadtitle图片居中/titlestyle.box {bo[详细]
-
JavaScript通过button平移LOGO图片特效
所属栏目：[Asp教程] 日期：2018-08-24 热度：63
Java Script一个教学实例，物体平移 运动 特效，来自妙味课堂网站 www.miaov.com ， 点击按钮后激活函数，控制图片在一定时间内匀速运动，是最简单、最基础的运动方式，其特点是运动的方向和速度都不发生改变。 实例演示： !DOCTYPE html PUBLIC -//W3C//D[详细]
-
图片匀速循环横向滚动,响应鼠标停止特效
所属栏目：[Asp教程] 日期：2018-08-24 热度：57
图片匀速循环横向滚动，响应鼠标停止，这是 Java Script封装代码，一个匀速不停滚动的横向图片滚动特效，使用非常简便，看看本代码你就会明白的，代码里有丰富注释，不管是学习或是想用到你的网页上，都是不错的选择。 实例演示： !DOCTYPE html PUBLIC -/[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目：[Asp教程] 日期：2018-08-24 热度：124
有时为了设计需要，我们会在同一个网页调用多个图片切换，而js中函数的相同性给我们带来一些局限，本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程，同一页面多次调用图片幻灯切换效果，在一个网页[详细]
-
淡入淡出的js焦点图切换,带文字说明和播放控制
所属栏目：[Asp教程] 日期：2018-08-24 热度：129
经常来烈火网看网页特效的朋友一定会发现，最近 jQuery 的特效代码越来越多，对于js的使用，渐渐的少了，其实js还是现在的主流脚本，因为jQuery大家还不是很熟悉，在这里推荐大家到烈火提供的jQuery手册看看。 回到正题，介绍本文的特效，一款焦点图切换JS[详细]
-
圆角按钮Button,金属质感,纯CSS无图片
所属栏目：[Asp教程] 日期：2018-08-24 热度：173
纯css实现有质感的小圆角按钮，有金属质感，下面的代码中，可以看到，没有使用图片哦，不要感到怀疑，CSS可以的，给喜欢CSS的朋友们一点创意素材吧。 推荐阅读：烈火提供的CSS中文参考手册 演示效果： htmlheadtitle纯css实现的质感圆角按钮/titlestyle ty[详细]
-
JavaScript伪3D轮播图片幻灯切换代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：91
烈79火77网(LieHuo77.Net)教07程 Java Script伪3D轮播图片幻灯切换代码，IE6下表现不尽完美，其它浏览器倒没什么大碍。对于IE6看到的斑点，我只能表示很无奈。。。本从水平至此，期待交流~ 演示效果： htmlheadtitleJavaScript伪3D轮播图片幻灯切换代码/ti[详细]
-
纯CSS无图片实现带箭头的提示框,绝对牛叉
所属栏目：[Asp教程] 日期：2018-08-21 热度：109
烈62火28网(LieHuo98.Net)教29程 纯CSS无图片实现带箭头的提示框,绝对牛叉！这个提示框不要以为使用图片了，其实并没有，完全用CSS实现，超牛比吧。CSS高人们确实多啊，新手们赶快研究一下，超实用的效果。而且这个外框还会自适应，不管你的文字有多少、有[详细]
-
JavaScript响应鼠标的图片放大，比较个性
所属栏目：[Asp教程] 日期：2018-08-21 热度：148
Java Script实现一个比较个性的新型图片放大效果代码，在图片的某个区域上点击鼠标，会重点放大该区域，移动鼠标时，图片实时跟随放大区域，再次点击或离开图片区域时则图片恢复原大[详细]
-
jQuery响应鼠标的图片特效,来自Flickr照片分享网
所属栏目：[Asp教程] 日期：2018-08-21 热度：107
烈26火08网(LieHuo81.Net)教17程 Flickr照片分享网的图片预览特效，使用了jquery插件，貌似很不错的效果。鼠标放到图片上，图片会缩小，像是镜头从近拉远的感觉，是Flickr著名照片分享网上边的一个效果，那些大网站有不少网页特效都不错，挺实用，大家有空[详细]
-
鼠标移到图片上自动放大，基于jQuery框架
所属栏目：[Asp教程] 日期：2018-08-21 热度：89
烈47火22网(LieHuo15.Net)教75程 鼠标移到图片上自动放大，基于 jQuery ，刻Google上有过的图片放大效果，值得注意的是，鼠标指不同的位置，放大的位置也就不同。不多介绍了，大家自己看演示吧。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需[详细]
-
JavaScript版可控制切换的图片轮换特效
所属栏目：[Asp教程] 日期：2018-08-21 热度：179
Java Script版可控制的图片切换，设计精美，四张图片轮播，用了5张背景图，简洁大方。 使用说明： addTab(标签栏ID,标签栏子的标签tagname,左右按钮是否在标签栏中并在两侧,标签栏选中时的className,内容栏ID,内容栏子的标签tagname,左右按钮是否在内容栏[详细]
-
JavaScript 回旋滚轴幻灯片切换代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：95
烈44火12网(LieHuo05.Net)网页特效教04程，回旋滚轴幻灯片切换代码，以回旋的方式切换每一张图片，切换方式的改变让人有耳目一新的感觉，以往大家常用的效果有淡入淡出、模糊切换等，本效果同样可设定 开始运行 的图片序号、自动运行时间、运行间隔设置等[详细]
-
图片Title鼠标提示Tips，带人性化缺口
所属栏目：[Asp教程] 日期：2018-08-21 热度：167
图片Title鼠标提示Tips，带人性化缺口，超漂亮的鼠标提示，带人性化缺口，在测试时候大家可改变浏览器窗口大小，可以看到缺口会根据网页的大小智能改变方向，以确保提示位置的正确性，其实由此大家可以学习到更多的 Java Script与CSs代码知识。 演示效果：[详细]
-
纯 CSS 实现图片边框立体阴影效果代码
所属栏目：[Asp教程] 日期：2018-08-21 热度：188
纯CSS 漂亮的立体图片边框效果，图片阴影代码，个人觉得这个挺实用，CSs实现的，定义成类，可让你整个网页上的图片都是有立体阴影的，不错吧，感谢作者分享。 特效演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/[详细]
-
感应鼠标的图片遮罩动画效果,jQuery版
所属栏目：[Asp教程] 日期：2018-08-21 热度：156
jQuery 实现动态显示文字TIPS效果，当鼠标移到图片上时，图片遮罩动画显示文字，从四个角展开、收缩。具体效果请您查看下面的演示。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示 网页演示：猛击此处 运[详细]
-
jQuery平滑的图片滚动代码，带按钮、可控制
所属栏目：[Asp教程] 日期：2018-08-19 热度：95
jQuery 平滑的图片滚动代码，带按钮。可以控制的图片滚动，每点击一次控制按钮，图片就向下滚动一组照片，照片可以加说明文字，引入了jquery，使图片滚动效果更平滑。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增[详细]
-
鼠标在图片上悬停，显示文字说明的代码
所属栏目：[Asp教程] 日期：2018-08-19 热度：52
一个纯粹的CSS代码效果，用CSS实现文字提示，鼠标在图片上悬停，会显示出文字说明，其实也不是太难实现的效果，希望对CSS初学者带去一些知识技巧。 示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/[详细]
