一个焦点图切换效果的修改...

问题描述

//选择器function$a(id,tag){varre=(id&&typeofid!="string")?id:document.getElementById(id);if(!tag){returnre;}else{returnre.getElementsByTagName(tag);}}//焦点滚动图点击移动functionmovec(){varo=$a("bd1lfimg","");varoli=$a("bd1lfimg","dl");varoliw=oli[0].offsetWidth;//每次移动的宽度varow=o.offsetWidth-2;vardnow=0;//当前位置varolf=oliw-(ow-oliw+10)/2;o["scrollLeft"]=olf+(dnow*oliw);varrqbd=$a("bd1lfsj","ul")[0];varextime;<!--for(vari=1;i<oli.length;i++){rqbd.innerHTML+="<li>"+i+"</li>";}-->varrq=$a("bd1lfsj","li");for(vari=0;i<rq.length;i++){reg(i);};oli[dnow].className=rq[dnow].className="show";varwwww=setInterval(uu,2000);functionreg(i){rq[i].onclick=function(){oli[dnow].className=rq[dnow].className="";dnow=i;oli[dnow].className=rq[dnow].className="show";mv();}}functionmv(){clearInterval(extime);clearInterval(wwww);extime=setInterval(bc,15);wwww=setInterval(uu,8000);}functionbc(){varns=((dnow*oliw+olf)-o["scrollLeft"]);varv=ns>0?Math.ceil(ns/10):Math.floor(ns/10);o["scrollLeft"]+=v;if(v==0){clearInterval(extime);oli[dnow].className=rq[dnow].className="show";v=null;}}functionuu(){if(dnow<oli.length-2){oli[dnow].className=rq[dnow].className="";dnow++;oli[dnow].className=rq[dnow].className="show";}else{oli[dnow].className=rq[dnow].className="";dnow=0;oli[dnow].className=rq[dnow].className="show";}mv();}o.onmouseover=function(){clearInterval(extime);clearInterval(wwww);}o.onmouseout=function(){extime=setInterval(bc,15);wwww=setInterval(uu,8000);}}

这个焦点图的效果是点击右下角的数字,图片横向移动切换,切换的时候有移动的过程,然后在移动过程中鼠标移到图片上图片移动会停止,这样有时候会在两张图片各显示半张的情况下停止。现在我想把这个切换的效果换成点击数字后直接变成另一张图,不要那个移动的效果了,我的代码能改么。。

解决方案

解决方案二:
来个人啊...
解决方案三:

解决方案四:
有木有人啊
解决方案五:
该回复于2011-11-09 15:36:11被版主删除
解决方案六:
该回复于2011-11-09 16:28:54被版主删除
解决方案七:
该回复于2011-11-10 09:04:13被版主删除

时间: 2024-11-10 07:10:52

一个焦点图切换效果的修改...的相关文章

实用的js 焦点图切换效果 结构行为相分离_javascript技巧

焦点图切换效果,对前端来说,恐怕再熟悉不过了,实现它的方法应该有多种,工作当中常用的一种,叙述如下: 如何让当前的数字导航与图片的显示同步? 这里有两个区域,图片切换区和数字导航区:分别对应着两个循环函数:plays(value)和setBg(value): 当图片循环切换到第2张时,此时数字导航的当前状态也变换到第2的位置,以此达到一种同步的效果,这里的关键就是给他们传递相同的参数value:而这个任务就交给了函数Mea(value): 图片应该是自动切换的,当循环显示到最后一种图片后,返回到

Flash+Js焦点图切换效果

本文章免费提供一款由代码下载哦,这款flash效果的图片切换源码是一款我从网上找到的,现在把源码拿出来给各位朋友看看哦,好了费话不说多了喜欢就把这款焦点图代码下载吧. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-eq

javascript +css 实用的焦点图切换效果

css代码   <style>   .jfocus{width:300px;height:300px;border:#ccc 1px solid;background-color:#fff;}#jfocuspic{filter: progid:dximagetransform.microsoft.fade (duration=0.5,overlap=1.0 );width:300px;height:200px;overflow:hidden;}#jfocuspic a{display:none

Javascript 标题内容焦点图切换效果

郭富城拒娶进门 熊黛林扫便宜货 http://www.zongxy.com/ 明星身价随票房涨 赵薇升最快 http://www.zongxy.com/ 张柏芝倚窗见光捧腹逃 http://www.zongxy.com/ 芙蓉姐姐妖艳登场 http://www.zongxy.com/ 老公新戏上映 李湘产后首次亮相 http://www.zongxy.com/ 徐子淇探艾滋孤儿 打水烧柴憋尿 http://www.zongxy.com/ 精明港姐徐淑敏出嫁秘定3大条件 http://www.zo

超漂亮的黑色风格JS焦点图切换效果

请稍候...

jQuery焦点图切换简易插件制作过程全纪录_jquery

首页经常是需要一个焦点图切换的效果,最近做的项目也正好需要,所以在网上搜索,后面查到了一个半成品的插件,这里我自己修改了一下. js文件夹下面有两个文件夹jquery.jslide.js与jquery.jslides.js,前面一个是我改写的,第二个是原作者的文件.下图是效果图: 一.静态效果 <div class="slide_wrap"> <ul id="slides2" class="slide"> <li s

js实现非常简单的焦点图切换特效实例

  这篇文章主要介绍了js实现非常简单的焦点图切换特效,是一个非常简单的js焦点图切换效果,涉及javascript操作鼠标事件与图片的相关技巧,需要的朋友可以参考下 这是一个非常非常简单的焦点图(更像滑动门),可供初学者借鉴参考 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47

jquery实现多屏多图焦点图切换特效的方法_jquery

本文实例讲述了jquery实现多屏多图焦点图切换特效的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&

jQuery焦点图切换特效代码分享_jquery

本文实例讲述了jQuery焦点图切换特效.分享给大家供大家参考.具体如下: 这是一款网易保健品商城网站的jQuery焦点图代码,界面简洁.时尚.大方,通用性比较强,实现过程很简单. 运行效果图:      -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 在head区域引入CSS样式: <link rel="stylesheet" href="css/zzsc.css