-
纯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/[详细]
-
JavaScript实现图片预加载,有清除缓存功能
所属栏目:[Asp教程] 日期:2018-08-19 热度:66
Java Script实现图片预加载,有清除缓存功能。如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:83
jQuery 单击按钮动态加载图片效果代码,通过标题就可以看明白了,这是一个简单的例子,尽管实际应用性不强,但是挺有趣的,有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-19 热度:113
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
一个非常简单的JS幻灯、图片切换轮播代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:133
一个非常简单的JS幻灯、图片切换轮播代码。也就是大家经常见到的JS图片切换特效,我做的第一个JS组件,纯 Java Script实现的,没有借用 jQuery ,是去年底写的. 现在看看, 代码结构混乱, 所谓颗粒化基本没有,纯为练习之作, 然望大家多多指点。 演示: !Do[详细]
-
仿迅雷图片的被动加载效果,兼容性不太好
所属栏目:[Asp教程] 日期:2018-08-19 热度:116
Java script实现的页面图片被动加载类,在使用前用1像素图像进行占位,并给img tag 添加 自定义bigsrc属性 ,当有图片进入可视区域内时,载入图片,提高页面载入速度,节省不必要的流量和连接数,x轴滚动加载功能未被实现。主函数获取其他脚本注册到window[详细]
-
鼠标经过放大图像,JS浮动层放大图像
所属栏目:[Asp教程] 日期:2018-08-19 热度:77
鼠标经过图像后弹出一个浮动层然后放大该图像,基于 Java Script的一个实现。需要事先准备好被放大的图片和缩略图,程序加载完图像后才能看到效果,这也是一个不完美的地方,仅供参考学习。 演示: htmlheadtitle鼠标经过弹出浮动层,放大图像/titlescript[详细]
-
JS放大镜,移动放大镜,JavaScript图片放大代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:125
JS放大镜, Java Script图片放大代码,JavaScript妙味课堂的一个作品,通过查看效果我们就可以了解到这样的效果不是一般水平可以实现的!的确,这是来自妙味课堂的一个小作品,具体效果大家自己看吧。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 T[详细]
-
JavaScript动态放大、缩
所属栏目:[Asp教程] 日期:2018-08-19 热度:132
Java Script动态放大图片,缩小图片,重置图片大小,为了加快效果演示,这里远程调用了一张像素比较小的图片,实际运用中你可根据需要选用。 演示代码: htmlheadtitle缩放图片尺寸/titlescript language=JavaScriptvar zoomLevel = 0;var currentWidth =[详细]
-
JS图片切换效果,结合CSS仿淘宝的幻灯代码
所属栏目:[Asp教程] 日期:2018-08-17 热度:71
JS图片切换效果,结合CSS仿淘宝taobao首页轮播原生js面对对象封装版,刚学习JS面向对象,今天周末没地方应聘就在租的地方倒腾点东西,可能不入各位牛人的法眼,不过能帮小弟分析分析代码,小弟就不甚荣幸。我用的是改变透明度的办法,图片是淘宝的首页图片[详细]
-
鼠标拖动图片至任意位置,JS图片拖放效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:174
鼠标拖动图片至任意位置,JS图片拖放效果。通过下边的代码演示可以看到:页面中的这两张图片可以用鼠标拖动的,在页面装入的时候初始化事件捕获过程,通过这个代码你或许会学会以不少东西,特别是拖动对象的处理。 演示: htmlheadstyle type=text/css#ver[详细]
-
渐变模糊的图像代码,鼠标经过高亮显示效果
所属栏目:[Asp教程] 日期:2018-08-17 热度:54
渐变模糊的图像代码,鼠标经过高亮显示效果,用JS代码改变图像光照效果,模糊或高亮显示一幅图片。鼠标移到模糊的图上,图慢慢地变清晰,移走鼠标,图又变模糊。以前发过类似的效果,可能在实现的思路上会不一样,你可以参考一下本款图片渐变有何异同。 演[详细]
-
JS平滑滚动的图片切换代码,带左右按钮控制
所属栏目:[Asp教程] 日期:2018-08-17 热度:92
JS平滑滚动的图片切换代码,带左右按钮控制。一个基于JS来实现的焦点图,原生JS面向对象的思想,左右滚动的焦点图,经过修改,能在主流浏览器下(包括IE6-9、chrome、firefox)正常的运行,通过对本焦点图的编写,主要学习javascript的面向对象机制,与常[详细]
