function $(id){return document.getElementById(id)}
function $name(id){return document.getElementById(name)}
//向左滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
//by 柳永法(yongfa365)'Blog www.yongfa365.com
function toleft(demo,demo1,demo2,speed,flag){
demo=$(demo);demo1=$(demo1);demo2=$(demo2)
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0){
demo.scrollLeft-=demo1.offsetWidth
}
else{
demo.scrollLeft++
}
}
flag=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(flag);}
demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
}
function assignWidth(demo1,demo2){
var demo1 = $(demo1);
var demo2 = $(demo2);
demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight);
lis = document.getElementsByTagName('li');
for(var i = 0,count = lis.length; i < count; i++)
{
var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;
}
demo1.style.width = demoWidth;
demo2.style.width = demoWidth; }调用部分:<script language="javascript" type="text/javascript">
toleft("scroll","demo1","demo2",10,"flag")
</script>以上js代码黑色部分用于 图片滚动 红色部分用于自动取得图片宽度加上 margin padding计算div宽度问题:加上红色代码 滚动停止 ,没有红色部分 才滚动,,什么原因请教有识之士
function $name(id){return document.getElementById(name)}
//向左滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
//by 柳永法(yongfa365)'Blog www.yongfa365.com
function toleft(demo,demo1,demo2,speed,flag){
demo=$(demo);demo1=$(demo1);demo2=$(demo2)
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0){
demo.scrollLeft-=demo1.offsetWidth
}
else{
demo.scrollLeft++
}
}
flag=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(flag);}
demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
}
function assignWidth(demo1,demo2){
var demo1 = $(demo1);
var demo2 = $(demo2);
demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight);
lis = document.getElementsByTagName('li');
for(var i = 0,count = lis.length; i < count; i++)
{
var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;
}
demo1.style.width = demoWidth;
demo2.style.width = demoWidth; }调用部分:<script language="javascript" type="text/javascript">
toleft("scroll","demo1","demo2",10,"flag")
</script>以上js代码黑色部分用于 图片滚动 红色部分用于自动取得图片宽度加上 margin padding计算div宽度问题:加上红色代码 滚动停止 ,没有红色部分 才滚动,,什么原因请教有识之士
解决方案 »
- js带{}的循环问题~
- 关于导航栏的细节问题 急急!!!!!!
- 有多个栏目,每个栏目都有一个图片,当我点击图片的时候换另外一个图片,点击另外一个栏目的时候再变回来
- 一
- js如何实现把中文标点 转换成 英文标点?
- 关于使用ajax上传文件的问题
- 做的文字跟随鼠标特效,在IE中能正常显示,但在火狐中不能正常显示,求教大神该如何改代码,最好解释下原因,谢谢啦
- 关于 cookie的问题
- window.open的窗口如何最大化?
- 如何将WSH(windows Scripting Host)应用于网页中?
- document.documentElement.scrollLeft值恒为0??
- 在JS中如何调用某个类中的方法?
function assignWidth(demo1,demo2){
var demo1 = $(demo1);
var demo2 = $(demo2);
demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight);
lis = document.getElementsByTagName('li');
for(var i = 0,count = lis.length; i < count; i++)
{
var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;
} demo1.style.width = demoWidth;
demo2.style.width = demoWidth; }
function $name(id){return document.getElementById(name)}
//向左滚动函数,demo包含demo1与demo2,speed是滚动速度,flag一个网页内有多个时设置为不同的任意字符。
//by 柳永法(yongfa365)'Blog www.yongfa365.com
function toleft(demo,demo1,demo2,speed,flag){
demo=$(demo);demo1=$(demo1);demo2=$(demo2)
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0){
demo.scrollLeft-=demo1.offsetWidth
}
else{
demo.scrollLeft++
}
}
flag=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(flag);}
demo.onmouseout=function(){flag=setInterval(Marquee,speed);}
}
/*function assignWidth(demo1,demo2){
var demo1 = $(demo1);
var demo2 = $(demo2);
demoWidth = parseInt(demo1.style.paddingLeft) + parseInt(demo1.style.paddingRight);
lis = document.getElementsByTagName('li');
for(var i = 0,count = lis.length; i < count; i++)
{
var demoWidth += lis[i].childNodes[0].clientWidth + lis[i].style.marginLeft + lis[i].style.marginRight + lis[i].style.border-width;
}
demo1.style.width = demoWidth;
demo2.style.width = demoWidth; }*/code][code=HTML]<link rel="stylesheet" type="text/css" href="style/default.css"/>
<script language="javascript" type="text/javascript" src="/js/default.js" ></script>
<div class="scroll" id="scroll">
<div class="demo1" id="demo1">
<ul>
<li><img src="fmedia/21centrury.jpg"/></li>
<li><img src="fmedia/cctv.gif"/></li>
<li><img src="fmedia/image001.gif"/></li>
<li><img src="fmedia/image002.jpg"/></li>
<li><img src="fmedia/image003.gif"/></li>
<li><img src="fmedia/image004.gif"/></li>
<li><img src="fmedia/image005.gif"/></li>
<li><img src="fmedia/凤凰网.gif"/></li>
<li><img src="fmedia/华人风电网.gif"/></li>
<li><img src="fmedia/环保设备网.gif"/></li>
<li><img src="fmedia/价值中国.gif"/></li>
<li><img src="fmedia/能源网.gif"/></li>
<li><img src="fmedia/中国风电材料设备网.jpg"/></li>
<li><img src="fmedia/中国环保网.jpg"/></li>
<li><img src="fmedia/中国会议网.jpg"/></li>
<li><img src="fmedia/中国能源网.gif"/></li>
<li><img src="fmedia/中国清洁能源网.png"/></li>
<li><img src="fmedia/中国脱硫脱硝资讯网.gif"/></li>
<li><img src="fmedia/中国新能源网.jpg"/></li>
</ul>
</div>
<div class="demo2" id="demo2"></div>
</div>
<script language="javascript" type="text/javascript">
//assignWidth("demo1","demo2")
toleft("scroll","demo1","demo2",10,"flag")
</script>