网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
json|js 焦点图带小缩略图切换纯javascript代码
json|js 焦点图带小缩略图切换纯javascript代码
发布时间:2018-04-30
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js 焦点图带小缩略图切换纯javascript代码
网页特效
首页图片切换
<script type="text/javascript"> function $(id) { return document.getElementById(id); } function addLoadEvent(func){ var oldonload = window.onload; if (typeof window.onload != "function") { window.onload = func; } else { window.onload = function(){ oldonload(); func(); } } } function moveElement(elementID,final_x,final_y,interval) { if (!document.getElementById) return false; if (!document.getElementById(elementID)) return false; var elem = document.getElementById(elementID); if (elem.movement) { clearTimeout(elem.movement); } if (!elem.style.left) { elem.style.left = "0px"; } if (!elem.style.top) { elem.style.top = "0px"; } var xpos = parseInt(elem.style.left); var ypos = parseInt(elem.style.top); if (xpos == final_x && ypos == final_y) { return true; } if (xpos < final_x) { var dist = Math.ceil((final_x - xpos)/10); xpos = xpos + dist; } if (xpos > final_x) { var dist = Math.ceil((xpos - final_x)/10); xpos = xpos - dist; } if (ypos < final_y) { var dist = Math.ceil((final_y - ypos)/10); ypos = ypos + dist; } if (ypos > final_y) { var dist = Math.ceil((ypos - final_y)/10); ypos = ypos - dist; } elem.style.left = xpos + "px"; elem.style.top = ypos + "px"; var repeat = "moveElement(""+elementID+"","+final_x+","+final_y+","+interval+")"; elem.movement = setTimeout(repeat,interval); } function classNormal(iFocusBtnID,iFocusTxID){ var iFocusBtns= $(iFocusBtnID).getElementsByTagName("li"); var iFocusTxs = $(iFocusTxID).getElementsByTagName("li"); for(var i=0; i
=2) { iFocusBtns[1].onmouseover = function() { moveElement("ifocus_piclist",0,-225,5); classNormal("ifocus_btn","ifocus_tx"); classCurrent("ifocus_btn","ifocus_tx",1); } } if (listLength>=3) { iFocusBtns[2].onmouseover = function() { moveElement("ifocus_piclist",0,-450,5); classNormal("ifocus_btn","ifocus_tx"); classCurrent("ifocus_btn","ifocus_tx",2); } } if (listLength>=4) { iFocusBtns[3].onmouseover = function() { moveElement("ifocus_piclist",0,-675,5); classNormal("ifocus_btn","ifocus_tx"); classCurrent("ifocus_btn","ifocus_tx",3); } } } setInterval("autoiFocus()",3500); var atuokey = false; function autoiFocus() { if(!$("ifocus")) return false; if(atuokey) return false; var focusBtnList = $("ifocus_btn").getElementsByTagName("li"); var listLength = focusBtnList.length; for(var i=0; i
2008年度排名第一的网页游戏
2009年最新的网页游戏
商业大亨,挑战亿万富翁
一款2009年不得不玩的帝国远征
中国WEB第一站
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/22779/
上一篇:
[json]js 导航栏下拉菜单代码
下一篇:
[js下拉菜单代码]js下拉菜单样式代码
相关推荐
【迅速提高记忆力】迅速提高网站在百度中的排名
[json]js 导航栏下拉菜单代码
[新站区管委会]新站如何加快百度快照的更新
qq怎么设置在线状态|QQ在线状态检测 - 可自定义在线状态图片
新站区管委会_新站应如何交换友情链接
css div 居中_Css+div 超简洁导航上伸菜单代码
[json]js 漂亮的仿combox控件下拉菜单效果
json|js 用户自定义多文件上传代码
[json]js 节日游戏代码
【频繁项集挖掘算法】百度最近算法频繁的变更
网友关注
钻石经典纯和|经典纯css+div 下拉菜单代码
导航菜单横向左右滑动|导航菜单-js tab选项卡菜单
【免费的】免费/asp/access/100M空间/win2003
[json]js 延时加载文件的代码
搜索引擎是如何工作的|如何快速被搜索引擎收录
长尾关键词如何选_如何将长尾理论发挥到极致
javascript学习指南_javascript 遮罩过渡效果的图片幻灯和选项卡菜单
css div变换背景图片_CSS+DIV变换背景导航下拉菜单
友情链接怎么添加_换8个友情链接导致网站首页被K跟踪报告
json|js 图片轮换代码
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
[js下拉菜单代码]js下拉菜单样式代码
js教程
json_js check 是否选中代码
js教程
【json】js 下拉菜单
js教程
json|js 邮箱验证代码
js教程
[js图片缩小图片]js图片缩小效果代码
js教程
json|js 仿flash图片切换代码
js教程
【json】js 给input 提示代码
js教程
[json]js 删除前confirm确认提示代码
js教程
json_js 仿腾讯QQ三级下拉菜单
js教程
[cookie是什么意思]Cookies 欺骗漏洞的防范方法 vbs+js
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有