找了好多,都是由100到0就结束了,到头来自己魔改,以下就是源码. div中加入img,js添加函数,完事(调用),取名后面加个1是为了避免冲突 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>简单透明度渐变</title> </head> <body> <div id="img_eat"…
JS可控制的图片自动循环播放查看效果 <html> <head> <title>JS可控制的图片自动循环播放查看效果丨芯晴网页特效丨CsrCode.Cn</title> </head> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var rotate_delay = 5000; // delay in milliseconds (5000 =…
将下面代码保存为banner.js,在需要显示焦点图的地方调用该js即可. <script type="text/javascript" src="banner.js"></script> 注意:代码中图片路径修改为你自己的图片地址 var widths=725; //焦点图片宽 var w=0; var widthss=widths+w; var heights=295; //焦点图片高 var heightss=heightss+w; v…
js代码如下 <script type="text/javascript"> var n=1; var map=new Array(); map[0]=new Image(); map[1]=new Image(); map[2]=new Image(); map[3]=new Image(); map[4]=new Image(); map[5]=new Image(); map[0].src="images/0.jpg"; map[1].src=&q…
<script src="../res/js/viewer.min.js"></script><script type="text/javascript"> //F.ready(show());//window.onload = show(); function show() { var viewer = new Viewer(document.getElementById('dowebok'), {url: 'data-orig…
使用图片进行点击切换效果 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> * {margin:0; padding: 0} button { width: 50px; } p { text-align: center; } .active {…
今天分享前端代码主题:jequery控制css图片透明度 很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变图片css透明度属性. 如何改变呢?一种是纯css,一种使用jquery或者javascript代码控制.第一种使用:hover伪类选择器,本示例使用第二种. 先看最后效果: 第一步:放置图片 <ul id="test">        <li>            <…
链接地址:http://blog.sina.com.cn/s/blog_75cf5f32010199dn.html 最近做了个图片循环轮播的功能.就是几张图片不断的循环滚动显示. 感觉这个方法不错所以把实现过程记录下来: 图片间隔循环轮播: 1.html里面把要进行轮播的图片用一个容器包起来,用js来控制这个容器滚动,当然最外面的容器要设置overflow:hidden;. 2.css里面控制这个容器的位置,实现滚动就需要用到定位. 3.js里面利用jquery的animate动画函数实现滚动.…
这个是自己修改的轮播图片,在网上有的是flash 实现的轮播图片,对搜索引擎不友好, 比如:dedecms 的首页的轮播图是用flash实现滚动的. 所以这个自己修改了一下,实现html+js+css 滚动图片,效果很好. 这里没有用到jquery ,感觉加载jquery 也耗时间,所以没有引用.速度快就是王道. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww…
iscroll.js的简单使用方法(总结) 一.总结 一句话总结:Scroll是一个类,每个需要使用滚动功能的区域均要进行初始化. 最佳的HTML结构如下: <div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> </div> iScroll作用于滚动区域的外层.在上面的例子中,UL元素能进行滚动.只有容器元素的第一个子元素能进…