<script> var i = 0; //创建一个定时器 function init(){ setInterval(changeImg,2000); } //定义切换图片的函数 function changeImg(){ i++; //通过id获取图片路径 var objImg = documen ...
分类:
Web程序 时间:
2017-09-15 14:50:02
阅读次数:
250
jQuery Feature Carousel 插件是国外的一比较优秀的旋转木马图片插件。 点击这里进入原文。 插件特点: 1.处理div的3d旋转木马效果。 2.支持一个中心,2个侧面的功能 3.中心区域可点击 4.显示隐藏文本功能(可以使用css显示在图片的任何位置) 5.可以修改速度,效果,等 ...
分类:
Web程序 时间:
2017-08-10 13:24:20
阅读次数:
396
//第一种(js写法) <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0; list-style ...
分类:
Web程序 时间:
2017-06-20 12:32:05
阅读次数:
237
自写:js轮播图 鼠标划过下方按钮,继续下一个 定时器关闭后再开启一般都会按照原来的路线继续走,不会因为你点了3而下个就会是4 $(".focus-rad>ul>li").hover( function(){ $(this).css({"background-color":"red","opacit ...
分类:
Web程序 时间:
2017-06-10 17:05:35
阅读次数:
207
<html> <head> <title>原生JS轮播</title> <meta charset="utf-8" /> <style> *{margin:0;padding:0} ul{border:1px solid #eee;width:100%;height:300px;position:r ...
分类:
Web程序 时间:
2017-05-11 18:34:04
阅读次数:
223
淡入淡出js轮播广告,写法类似自动播放的tab选项卡,加入了淡入淡出效果。 js代码: 参数说明:contClass:轮播内容的class名;numArr:所有数字样式名(附加用来获取数组的,无样式内容),也可改成小缩略图;normalClass:数字默认样式名的前部分,如此例中数字默认样式为.nu ...
分类:
Web程序 时间:
2016-12-29 08:07:33
阅读次数:
385
<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>qq幻灯片轮播</title><style type="text ...
分类:
Web程序 时间:
2016-12-28 14:47:23
阅读次数:
262
onmousedown >ontuchstart onmousemove >ontouchmove onmouseup >ontouchend ontuchstart & ontouchmove & ontouchend 必须通过事件绑定的形式添加; 尽快的把页面呈现给用户:window.onloa ...
分类:
移动开发 时间:
2016-12-28 07:41:17
阅读次数:
216
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; list-style: none; } #wrap { width ...
分类:
Web程序 时间:
2016-11-28 23:10:18
阅读次数:
223
使用方法: 可能很多人对轮播图感兴趣,下面奉上本人的 原生 js 轮播代码复制 js 到页面的最底部,样式在 css 里改,js 基本不用动,有什么不懂的可以 加本人 QQ172360937 咨询 或者留言都可以,这个是用 原生写的 轮播图,样式可以写自己喜欢的样式,什么都不用改,只改变样式就行,页 ...
分类:
Web程序 时间:
2016-10-13 01:29:49
阅读次数:
253