-
图片幻灯片轮播效果,带缩略图版
所属栏目:[Asp教程] 日期:2018-08-28 热度:128
烈火网(LieHuo.Net)教程 Java Script实现的图片切换效果,我们以前也提到过类似效果,例如《简单高效的javascript 幻灯片播放效果》,不同之处是本版带缩略图显示的,5屏图片幻灯,其实更多一些图片也是可以的,你只需更改数组就行,不过要对布局做些调整[详细]
-
JavaScript代码让网页的图片飞起来
所属栏目:[Asp教程] 日期:2018-08-28 热度:120
非常有趣的 Java script特效,能让网页上的图片飞起来,无意在网上看到的,执行如下步骤就能看到效果: 随便打开一个网站,网页上必须有图片,否则没效果,页面打开后清除地址栏中的地址,复制如下代码到地址栏中然后按回车: Copy to Clipboard 引用的内[详细]
-
幻灯片特效:Js+CSS实现不需要flash
所属栏目:[Asp教程] 日期:2018-08-28 热度:130
烈火网(LieHuo.Net)教程 今天在某技术论坛转的时候看到一个漂亮的幻灯片效果,是基于js与css打造的,在以前的文章中,我们也曾经发表过关于此类的文章,例如《JavaScript+Css打造的图片轮播幻灯片效果》,与此效果不同之处是链接文字出现在图片的外围,请[详细]
-
JavaScript+Css打造的图片轮播幻灯片效果
所属栏目:[Asp教程] 日期:2018-08-28 热度:100
烈火网(LieHuo.Net)教程 幻灯片几乎是现在的网站不必可少的东东,在很久以前的图片轮播(幻灯片)中,我们接触到的大多都是Flash形式的,而现在则流行Js的幻灯效果,今天就给大家分享一篇JS+CSS实现的图片轮播效果,代码内有注释。 !DOCTYPE html PUBLIC -[详细]
-
刷新一次显示不同图片的特效代码
所属栏目:[Asp教程] 日期:2018-08-28 热度:173
利用 Java script实现的随机刷新的功能实现调用不同图片。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-[详细]
-
强制网页图片自适应大小的网页特效代码
所属栏目:[Asp教程] 日期:2018-08-28 热度:175
用CSS实现的可以强制图片自适应大小的代码。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Type content=[详细]
-
百度联盟中的一个不错的图片切换特效
所属栏目:[Asp教程] 日期:2018-08-28 热度:100
这是一个网页设计中经常会用到的图片特效,实现多个图片之间的轮换,并分别带有连接,以前的代码只能适用于IE,在FF下始终没有得到很好的解决,今天意外的在百度联盟首页上看到这样的效果,支持FF,收藏起来备用。[详细]
-
JavaScript版可控制切换的图片轮换特效
所属栏目:[Asp教程] 日期:2018-08-25 热度:200
Java Script版可控制的图片切换,设计精美,四张图片轮播,用了5张背景图,简洁大方。 使用说明: addTab(标签栏ID,标签栏子的标签tagname,左右按钮是否在标签栏中并在两侧,标签栏选中时的className,内容栏ID,内容栏子的标签tagname,左右按钮是否在内容栏[详细]
-
JavaScript 回旋滚轴幻灯片切换代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:167
烈44火12网(LieHuo05.Net)网页特效教04程,回旋滚轴幻灯片切换代码,以回旋的方式切换每一张图片,切换方式的改变让人有耳目一新的感觉,以往大家常用的效果有淡入淡出、模糊切换等,本效果同样可设定 开始运行 的图片序号、自动运行时间、运行间隔设置等[详细]
-
图片Title鼠标提示Tips,带人性化缺口
所属栏目:[Asp教程] 日期:2018-08-25 热度:58
图片Title鼠标提示Tips,带人性化缺口,超漂亮的鼠标提示,带人性化缺口,在测试时候大家可改变浏览器窗口大小,可以看到缺口会根据网页的大小智能改变方向,以确保提示位置的正确性,其实由此大家可以学习到更多的 Java Script与CSs代码知识。 演示效果:[详细]
-
纯 CSS 实现图片边框立体阴影效果代码
所属栏目:[Asp教程] 日期:2018-08-25 热度:81
纯CSS 漂亮的立体图片边框效果,图片阴影代码,个人觉得这个挺实用,CSs实现的,定义成类,可让你整个网页上的图片都是有立体阴影的,不错吧,感谢作者分享。 特效演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/[详细]
-
感应鼠标的图片遮罩动画效果,jQuery版
所属栏目:[Asp教程] 日期:2018-08-25 热度:112
jQuery 实现动态显示文字TIPS效果,当鼠标移到图片上时,图片遮罩动画显示文字,从四个角展开、收缩。具体效果请您查看下面的演示。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示 网页演示:猛击此处 运[详细]
-
JavaScript 简单的显示、隐藏图片代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:103
烈61火73网(LieHuo65.Net)教84程 Java Script 简单的显示、隐藏图片代码,这里最关键是定义好图片的ID,然后利用按钮的onClick函数的visibility方法来轻易实现图片的visible与hidden,其实OnClick控制的只是ID,并不会管ID里面究竟是什么,如果把图片换成[详细]
-
网页上使用上下左右方向键控制图片移动
所属栏目:[Asp教程] 日期:2018-08-22 热度:95
烈38火07网(LieHuo24.Net)教24程 网页上使用上下左右方向键控制图片移动,用键盘上的方向键,来控制网页上某个图片的移动,按键,图片则向上,按键,图片则向下,其它也如此。聪明的朋友就会知道, Java Script通过获取键盘的键位码,改变图片在XY方向上的[详细]
-
鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置
所属栏目:[Asp教程] 日期:2018-08-22 热度:64
烈07火54网(LieHuo12.Net)教11程 鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置。鼠标拖动图片,经常见的一款效果了,觉得这款代码写的比较有新意,特别是代码量非常少,相信对学习 Java Script的朋友有所启发,点击运行,鼠标放到图片上,按下左键移动[详细]
-
jQuery放大商品图片tips提示框(纯CSS箭头+阴影)
所属栏目:[Asp教程] 日期:2018-08-22 热度:115
烈72火52网(LieHuo12.Net)网页63特效 jQuery 放大商品图片tips提示框,效果中有纯CSS箭头和阴影,在6om购物排行榜上发现了这个商品图片 jquery tips 提示层,非常漂亮。使用 Jquery 类库,代码精简,并且带人性化缺口和阴影。那个箭头不要以为是用图片做的[详细]
-
在网页上实现跟随鼠标移动的图片
所属栏目:[Asp教程] 日期:2018-08-22 热度:189
烈42火24网(LieHuo29.Net)教66程 在网页上实现跟随鼠标移动的图片,鼠标移到哪儿?图片就会跟到哪儿,有意思极了。在这个效果中,图片是一个红苹果,想一想,换成别的图片,会有更奇特的效果来。常用在个人博客个人主页上,一些喜欢个性的朋友们,动动脑袋[详细]
-
JavaScript伪3D轮播图片幻灯切换代码
所属栏目:[Asp教程] 日期:2018-08-22 热度:84
烈79火77网(LieHuo77.Net)教07程 Java Script伪3D轮播图片幻灯切换代码,IE6下表现不尽完美,其它浏览器倒没什么大碍。对于IE6看到的斑点,我只能表示很无奈。。。本从水平至此,期待交流~ 演示效果: htmlheadtitleJavaScript伪3D轮播图片幻灯切换代码/ti[详细]
-
纯CSS无图片实现带箭头的提示框,绝对牛叉
所属栏目:[Asp教程] 日期:2018-08-22 热度:138
烈62火28网(LieHuo98.Net)教29程 纯CSS无图片实现带箭头的提示框,绝对牛叉!这个提示框不要以为使用图片了,其实并没有,完全用CSS实现,超牛比吧。CSS高人们确实多啊,新手们赶快研究一下,超实用的效果。而且这个外框还会自适应,不管你的文字有多少、有[详细]
-
JavaScript响应鼠标的图片放大,比较个性
所属栏目:[Asp教程] 日期:2018-08-22 热度:56
Java Script实现一个比较个性的新型图片放大效果代码,在图片的某个区域上点击鼠标,会重点放大该区域,移动鼠标时,图片实时跟随放大区域,再次点击或离开图片区域时则图片恢复原大[详细]
-
jQuery响应鼠标的图片特效,来自Flickr照片分享网
所属栏目:[Asp教程] 日期:2018-08-22 热度:143
烈26火08网(LieHuo81.Net)教17程 Flickr照片分享网的图片预览特效,使用了jquery插件,貌似很不错的效果。鼠标放到图片上,图片会缩小,像是镜头从近拉远的感觉,是Flickr著名照片分享网上边的一个效果,那些大网站有不少网页特效都不错,挺实用,大家有空[详细]
-
鼠标移到图片上自动放大,基于jQuery框架
所属栏目:[Asp教程] 日期:2018-08-22 热度:107
烈47火22网(LieHuo15.Net)教75程 鼠标移到图片上自动放大,基于 jQuery ,刻Google上有过的图片放大效果,值得注意的是,鼠标指不同的位置,放大的位置也就不同。不多介绍了,大家自己看演示吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
仿QQ空间黑色图片展示,上下一张,关闭按钮
所属栏目:[Asp教程] 日期:2018-08-19 热度:119
仿QQ空间黑色图片展示效果,这是作者起的名字,其实烈火小编觉得这更像是一些门户网站的图片频道图片新闻展示效果,点击缩略图后动态弹出大图上,下边还有上一张、下一张按和关闭按钮,如此强大的效果竟然都是 Java Script实现的,并没有借助 jQuery 代码[详细]
-
图片分割切换效果,基于jQuery插件
所属栏目:[Asp教程] 日期:2018-08-19 热度:199
图片分割切换,使用了 jQuery 技术,有div0-4 容器,放置于四角,然后你可以复制四个,放入四个容器,置于四角,然后移动。相对普通的图片切换,这种切换过渡的方式可能会让浏览者更新鲜一些。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要[详细]
-
鼠标经过图片放大和图片变清楚效果,Js代码
所属栏目:[Asp教程] 日期:2018-08-19 热度:171
鼠标经过图片放大和图片变清楚效果,Js代码。本JS特效包含两种效果,一种是鼠标经过图片放大效果,另一种是鼠标经过图片变清淅的效果,两种效果都挺实用,欢迎大家学习使用。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://[详细]