javascript实现”上一张、下一张“效果

像这个网站的效果http://www.centerm.com.cn/index.aspx首页中下部分3个小图那儿。点箭头可以实现翻上一张,翻下一张的效果。请问核心的js函... 像这个网站的效果http://www.centerm.com.cn/index.aspx 首页中下部分3个小图那儿。点箭头可以实现翻上一张,翻下一张的效果。请问核心的js函数是哪几个,只要核心就可以了,不用给完整代码。多谢。不好意思,本人暂时没有多分,有分的话后面会追补给。 展开
 我来答
百度网友4551d4945
2011-05-13 · TA获得超过1598个赞
知道小有建树答主
回答量:360
采纳率:0%
帮助的人:467万
展开全部
jquery的,js有三段,下面缺一不可
<script type="text/javascript" src="http://www.centerm.com.cn/s1/scripts/core.js"></script>
<script type="text/javascript" src="http://www.centerm.com.cn/s1/scripts/mover.js"></script>
<SCRIPT>
var slideshow_index = 1;
var use_timer = true;
window.addEvent("load", function() {
new Bang_Mover("mover1", "mover1left", "mover1right", { "ul_tag": "ul", "duration": 1000 });
new Bang_Mover("mover2", "mover2left", "mover2right", { "ul_tag": "ul", "duration": 1000 });
new Bang_Mover("mover3", "mover3left", "mover3right", { "ul_tag": "ul", "duration": 1000 });
setTimeout("slideshow_run()", 3000);
});
function slideshow_run() {

var slideshow_obj = $("slideshow");
var pic_ul = slideshow_obj.getChildren("ul")[0];
var pic_lis = pic_ul.getChildren("li");
var bn_span = slideshow_obj.getChildren("span")[0];
var bn_is = bn_span.getChildren("i");
var ef1 = new Fx.Morph(pic_lis[slideshow_index], { duration: 'long', transition: Fx.Transitions.Sine.easeOut });
pic_lis.each(function(item2, index2) {
item2.set("styles", { "z-index": "100", "opacity": "0.1" });
bn_is[index2].removeClass("on");
});
bn_is[slideshow_index].addClass("on");
pic_lis[slideshow_index].set("styles", { "z-index": "2000", "opacity": 1, "display": "" });
ef1.start({
'opacity': [0.1, 1]
});
slideshow_index++;
if (slideshow_index >= pic_lis.length) {
slideshow_index = 0;
}
if (use_timer) {
setTimeout("slideshow_run()", 3000);

} else {
use_timer = true;
}
}
function Dron_ScrollBox(uid) {
this.scrollBox = document.getElementById(uid);
this.scrollBoxHeight = this.scrollBox.clientHeight;
this.scrollBoxInner = this.scrollBox.innerHTML;
this.scrollCol = this.scrolln = 0;
this.setScroll = function() {
this.scrollBox.scrollTop = this.scrollCol + this.scrolln;
if (this.scrolln == this.scrollBoxHeight)
return this.addScroll()
else
this.scrolln++;
var o = this;
function m() {
o.setScroll();
}
setTimeout(m, 10);
}
this.addScroll = function() {
this.scrollBox.innerHTML += "" + this.scrollBoxInner;
this.scrollCol = this.scrollBox.scrollTop;
this.scrolln = 0;
var o = this;
function m() {
o.setScroll();
}
setTimeout(m, 3000);
}
this.init = this.addScroll;
}
new Dron_ScrollBox("scrollBox").init();
function click_it(num) {
use_timer = false;
slideshow_index = num;
slideshow_run();
}
</SCRIPT>

body内容为以下一段:

<DIV class=product_pic id=SY_Hot1>
<H2>热点推荐--瘦客户机</H2><I class=go_r id=mover1left>right</I> <I class=go_l
id=mover1right>left</I>
<DIV class=pic_roll id=mover1 style="POSITION: relative">
<UL
style="DISPLAY: inline; LEFT: 0px; FLOAT: left; POSITION: absolute; TOP: 0px">
<LI><A
href="http://www.centerm.com.cn/Product/ProductDetail.aspx?ItemID=88"><IMG
src="升腾资讯官方网站.files/201104221618329531.jpg"> <SPAN>B2820</SPAN> </A></LI>
<LI><A
href="http://www.centerm.com.cn/Solution/SolutionDetail.aspx?ItemID=110"><IMG
src="升腾资讯官方网站.files/201104221636582812.jpg"> <SPAN>商业银行OA办公方案</SPAN>
</A></LI></UL></DIV></DIV>

这个还是比较繁冗的,
下面这个效果差不多,属于精简了,你可以下载参考下
http://www.gotoseo.net/rar/Gotoseo_js(5).rar

参考资料: http://www.gotoseo.net/html/Gotoseo_js(5)/

freeman9981
2011-05-13
知道答主
回答量:11
采纳率:0%
帮助的人:10.2万
展开全部
去blueidea论坛扒吧,哪里有好多这样的帖子,也有这样的脚本可以直接拿来使用
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式