[代码收集]JS文字滚动切换导航条代码(自动切换/手动查看) - 笑忘书网页代码收藏馆

首页-代码 2014-03-12 11:25:15 -0400

★JS文字滚动切换导航条代码(自动切换/手动查看)★

请勿抄袭本页面

代码说明

文字导航条逐条自动切换，也可以选择手动切换，点击文字访问对应的网页。转自源码爱好者

使用方法及注意事项使用前请先阅读本内容

注意文字说明与链接地址的顺序相对应，文字说明字数建议保持一致，修改var setdelay=3000;中的数值(单位：毫秒)可改变文字自动切换等待的时间

html代码

var msg_url = new Array(
     "http://wodemo.com",
     "http://www.163.com",
     "http://www.sina.com",
     "http://www.google.com" );
//与文字内容对应的链接地址
var barwidth=200;
var setdelay=3000;
//内容等待切换的时间(毫秒)
var count=0;
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
if (ie4||ns6){
document.write('<form name="news_bar"><input type="button" value="<<" onclick="moveit(0)" class="scrollerstyle" style="width:22; height:22; border-right-width:0px;"><input type="button" name="news_bar_but" onclick="goURL();" style="color:#000000;background:#FFFFFF; width:'+barwidth+'; height:22; border-width:1; border-color:#000000; border-radius:6px; cursor:hand" onmouseover="this.style.background='#E1FFE1'" onmouseout="this.style.background='#FFFFFF'"><input type="button" value=">>" onclick="moveit(1)" class="scrollerstyle" style="width:22; height:22; border-left-width:0px;"></form>');
}
else{
document.write('<form name="news_bar"><input type="button" value="<<" onclick="moveit(0)">');
if (navigator.userAgent.indexOf("Opera")!=-1)
document.write('<input type="button" name="news_bar_but" onclick="goURL();" style="width:'+barwidth+'";border="0">')
else
document.write('<input type="button" name="news_bar_but" onclick="goURL();" width="'+barwidth+'";border="0">')
document.write('<input type="button" value="Next" onclick="moveit(1)"></form>')
}

代码演示

点击按钮左右切换，点击文字访问

[代码仅供参考，转载请注明出处]

----Comments(9)----
幻龙 (@fhl) | @ at 2014-03-16 04:18:
嗯！没事的。毕竟因为这个耽误现实的东西很不值得……

幻龙 (@fhl) | @ at 2014-03-16 00:01:
还有这个，点击百度图标向左滑动那个效果也不错！

http://m.baidu.com/from=2001a/bd_page_type=1/ssid=0/uid=0/pu=usm%400%2Csz%401320_1003%2Cta%40iphone_2_4.1_1_9.6/baiduid=81A7B5AB1F8C7AFDED128AFCE475672F/w=0_10_dinner+customs+are+different+around+the+world+if+you/t=iphone/l=3/tc?ref=www_iphone&lid=13674745337523009651&order=1&vit=osres&tj=www_normal_1_0_10&m=8&srd=1&cltj=cloud_title&dict=20&sec=37083&di=e9a96cc569ca8e98&bdenc=1&nsrc=IlPT2AEptyoA_yixCFOxXnANedT62v3IEQGG_yFL2De5mkayxP4kHREsRDfbLXPTUS4c9GOKg1ZRtXLR07Mz7qQMrrdmpWcf7nvdbOnq6MGGGsN3fQFnOQGXIHNsjuTakPK

幻龙 (@fhl) | @ at 2014-03-15 08:58:
http://fhl.wodemo.com/entry/272051
忘书看下——

幻龙 (@fhl) | @ at 2014-03-15 00:52:
怪我没有说清楚了。。

幻龙 (@fhl) | @ at 2014-03-15 00:49:
啊。。我说的是把

http://bin-huang-2008-163-com.iteye.com/blog/592610

这个代码的点击滑动那个弹窗改成弹开链接或者进入链接的……

幻龙 (@fhl) | @ at 2014-03-14 22:09:
建议把点击弹窗改成进入链接……-_-

幻龙 (@fhl) | @ at 2014-03-14 21:48:
忘书看下，这是我搜索到的，看看这个能行不。你改改……
话说那位大侠说的话我一句没看懂……-_-|||
http://bin-huang-2008-163-com.iteye.com/blog/592610

幻龙 (@fhl) | @ at 2014-03-14 04:35:
普通版没找到……

幻龙 (@fhl) | @ at 2014-03-12 18:08:
哈哈，留下了！

Subscribe | Register | Login | N