-
图片大小未知,在已知DIV中上下左右居中
所属栏目:[Asp教程] 日期:2018-08-27 热度:138
未知大小的图片在已知的Div区域中居中,这是其中之一的方法,大家可看出,远程调用的百度Logo始终显示在外层方框的中间,这里的中间是指宽度和高度都居中,代码虽然不多,但效果挺不错,有必要参考。 演示效果: htmlheadtitle图片居中/titlestyle.box {bo[详细]
-
JavaScript通过button平移LOGO图片特效
所属栏目:[Asp教程] 日期:2018-08-27 热度:197
Java Script一个教学实例,物体平移 运动 特效,来自妙味课堂网站 www.miaov.com , 点击按钮后激活函数,控制图片在一定时间内匀速运动,是最简单、最基础的运动方式,其特点是运动的方向和速度都不发生改变。 实例演示: !DOCTYPE html PUBLIC -//W3C//D[详细]
-
图片匀速循环横向滚动,响应鼠标停止特效
所属栏目:[Asp教程] 日期:2018-08-27 热度:183
图片匀速循环横向滚动,响应鼠标停止,这是 Java Script封装代码,一个匀速不停滚动的横向图片滚动特效,使用非常简便,看看本代码你就会明白的,代码里有丰富注释,不管是学习或是想用到你的网页上,都是不错的选择。 实例演示: !DOCTYPE html PUBLIC -/[详细]
-
在同一页面显示/调用多个js幻灯图片切换
所属栏目:[Asp教程] 日期:2018-08-27 热度:177
有时为了设计需要,我们会在同一个网页调用多个图片切换,而js中函数的相同性给我们带来一些局限,本文就来解决这个问题在同一页面显示/调用多个js幻灯图片切换。 烈83火25网(LieHuo69.Net)网页特效教17程,同一页面多次调用图片幻灯切换效果,在一个网页[详细]
-
JavaScript 简单的显示、隐藏图片代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:192
烈61火73网(LieHuo65.Net)教84程 Java Script 简单的显示、隐藏图片代码,这里最关键是定义好图片的ID,然后利用按钮的onClick函数的visibility方法来轻易实现图片的visible与hidden,其实OnClick控制的只是ID,并不会管ID里面究竟是什么,如果把图片换成[详细]
-
网页上使用上下左右方向键控制图片移动
所属栏目:[Asp教程] 日期:2018-08-23 热度:117
烈38火07网(LieHuo24.Net)教24程 网页上使用上下左右方向键控制图片移动,用键盘上的方向键,来控制网页上某个图片的移动,按键,图片则向上,按键,图片则向下,其它也如此。聪明的朋友就会知道, Java Script通过获取键盘的键位码,改变图片在XY方向上的[详细]
-
鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置
所属栏目:[Asp教程] 日期:2018-08-23 热度:200
烈07火54网(LieHuo12.Net)教11程 鼠标拖动图片,JS实现鼠标拖动图片到网页任何位置。鼠标拖动图片,经常见的一款效果了,觉得这款代码写的比较有新意,特别是代码量非常少,相信对学习 Java Script的朋友有所启发,点击运行,鼠标放到图片上,按下左键移动[详细]
-
jQuery放大商品图片tips提示框(纯CSS箭头+阴影)
所属栏目:[Asp教程] 日期:2018-08-23 热度:82
烈72火52网(LieHuo12.Net)网页63特效 jQuery 放大商品图片tips提示框,效果中有纯CSS箭头和阴影,在6om购物排行榜上发现了这个商品图片 jquery tips 提示层,非常漂亮。使用 Jquery 类库,代码精简,并且带人性化缺口和阴影。那个箭头不要以为是用图片做的[详细]
-
在网页上实现跟随鼠标移动的图片
所属栏目:[Asp教程] 日期:2018-08-23 热度:109
烈42火24网(LieHuo29.Net)教66程 在网页上实现跟随鼠标移动的图片,鼠标移到哪儿?图片就会跟到哪儿,有意思极了。在这个效果中,图片是一个红苹果,想一想,换成别的图片,会有更奇特的效果来。常用在个人博客个人主页上,一些喜欢个性的朋友们,动动脑袋[详细]
-
JavaScript伪3D轮播图片幻灯切换代码
所属栏目:[Asp教程] 日期:2018-08-23 热度:100
烈79火77网(LieHuo77.Net)教07程 Java Script伪3D轮播图片幻灯切换代码,IE6下表现不尽完美,其它浏览器倒没什么大碍。对于IE6看到的斑点,我只能表示很无奈。。。本从水平至此,期待交流~ 演示效果: htmlheadtitleJavaScript伪3D轮播图片幻灯切换代码/ti[详细]
-
纯CSS无图片实现带箭头的提示框,绝对牛叉
所属栏目:[Asp教程] 日期:2018-08-23 热度:154
烈62火28网(LieHuo98.Net)教29程 纯CSS无图片实现带箭头的提示框,绝对牛叉!这个提示框不要以为使用图片了,其实并没有,完全用CSS实现,超牛比吧。CSS高人们确实多啊,新手们赶快研究一下,超实用的效果。而且这个外框还会自适应,不管你的文字有多少、有[详细]
-
JavaScript响应鼠标的图片放大,比较个性
所属栏目:[Asp教程] 日期:2018-08-23 热度:102
Java Script实现一个比较个性的新型图片放大效果代码,在图片的某个区域上点击鼠标,会重点放大该区域,移动鼠标时,图片实时跟随放大区域,再次点击或离开图片区域时则图片恢复原大[详细]
-
jQuery响应鼠标的图片特效,来自Flickr照片分享网
所属栏目:[Asp教程] 日期:2018-08-23 热度:140
烈26火08网(LieHuo81.Net)教17程 Flickr照片分享网的图片预览特效,使用了jquery插件,貌似很不错的效果。鼠标放到图片上,图片会缩小,像是镜头从近拉远的感觉,是Flickr著名照片分享网上边的一个效果,那些大网站有不少网页特效都不错,挺实用,大家有空[详细]
-
鼠标移到图片上自动放大,基于jQuery框架
所属栏目:[Asp教程] 日期:2018-08-23 热度:93
烈47火22网(LieHuo15.Net)教75程 鼠标移到图片上自动放大,基于 jQuery ,刻Google上有过的图片放大效果,值得注意的是,鼠标指不同的位置,放大的位置也就不同。不多介绍了,大家自己看演示吧。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
带文字索引的JS图片切换代码,横向弹性滚动特效
所属栏目:[Asp教程] 日期:2018-08-20 热度:100
带文字索引的JS图片切换代码,横向弹性滚动特效,就像弹簧弹动的效果,带文字标题,极富有视觉冲击力,类似这样的效果我们平时不是经常看到,因此您可以尝试用在您自己的网站上,给访客一种新鲜的感觉,还是不错的哦。 示例: !DOCTYPE html PUBLIC -//W3C[详细]
-
jQuery模拟Flash动画完成的图片展示效果
所属栏目:[Asp教程] 日期:2018-08-20 热度:188
jQuery 模拟Flash动画完成的图片展示效果,有鼠标效果的图片特效,不错,会出现十字线,分享给大家。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。 点击查看:网页特效 运行演示: !DOCTYPE html PUBLI[详细]
-
Js+Css的图片切换代码:垂直滚动轮播效果
所属栏目:[Asp教程] 日期:2018-08-20 热度:57
Js+Css的图片切换代码:垂直滚动轮播效果。远程调用3张图片,当然图片数量可以自己设定,在兼容性方面做的也挺好,只不过缺少了一个Loading,在图片未加载完的情况下,图片已经开始播放了,这样一来,用户体验有些逊色,有兴趣的自己加个图片载入功能吧。[详细]
-
幻灯片图片切换代码,JavaScript仿Flash效果
所属栏目:[Asp教程] 日期:2018-08-20 热度:107
幻灯片图片切换代码, Java Script仿Flash效果。一般情况下,网站首页专用的图片特效代码, 旅游 网站用着最合适了,支持图片说明,每一幅图片都可以加标题和简短的文字介绍,右下角有图片切换控制按钮,示例中仅有5张图片,不过在实际应用中,你可以添加[详细]
-
微博,QQ空间图片预览,图片旋转的JS代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:132
经常在听到有朋友问起QQ空间的图片预览效果该如何实现,问得人多了,我们感觉有必要给大家说明一下实现过程, 当点一下略缩图时,就可以放大当前图片,并且图片的上面,会出现三个功能按钮:左旋转、右旋转、全屏预览。 点了以后,图片会相应作出变化。注[详细]
-
jQuery平滑的图片滚动代码,带按钮、可控制
所属栏目:[Asp教程] 日期:2018-08-20 热度:112
jQuery 平滑的图片滚动代码,带按钮。可以控制的图片滚动,每点击一次控制按钮,图片就向下滚动一组照片,照片可以加说明文字,引入了jquery,使图片滚动效果更平滑。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增[详细]
-
鼠标在图片上悬停,显示文字说明的代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:181
一个纯粹的CSS代码效果,用CSS实现文字提示,鼠标在图片上悬停,会显示出文字说明,其实也不是太难实现的效果,希望对CSS初学者带去一些知识技巧。 示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/[详细]
-
JavaScript实现图片预加载,有清除缓存功能
所属栏目:[Asp教程] 日期:2018-08-20 热度:127
Java Script实现图片预加载,有清除缓存功能。如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要[详细]
-
jQuery单击按钮动态加载图片效果代码
所属栏目:[Asp教程] 日期:2018-08-20 热度:178
jQuery 单击按钮动态加载图片效果代码,通过标题就可以看明白了,这是一个简单的例子,尽管实际应用性不强,但是挺有趣的,有时间和兴趣的朋友不妨研究一下。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演[详细]
-
jQuery延迟加载,当用到图片时才加载,只加载当前屏幕的图片
所属栏目:[Asp教程] 日期:2018-08-20 热度:63
jQuery 延迟加载,当用到图片时才加载,只加载当前屏幕的图片。也就是当拖动IE的滚动条时,下面的内容才会被加载,先获取窗口高度、判断图片是否到一半,滚动刷新、遍历、获取当前img URL地址等。 拖动网页的滚动条,慢慢看一下图片的变化,当你把滚动条拖[详细]
-
Js+css实现图片淡入效果的幻灯片代码
所属栏目:[Asp教程] 日期:2018-08-16 热度:116
Js+css实现图片淡入效果的幻灯片代码,这是一个小通条(横长的)的图片切换代码,由于时间关系只在IE下测试通过,如果你打算用可在其它浏览器下测试一下,当然。图片中的尺寸是可以自己修改的,不过需要你有一定的HTML知识哦! 演示: htmlheadtitleJs+css[详细]