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宽度问题:加上红色代码 滚动停止 ,没有红色部分 才滚动,,什么原因请教有识之士
解决方案 »
- highcharts 做成的图,图例问题
- jQuery源码分析疑问,进
- javascript能不能做词法分析和语法分析
- 求助:一段关于时间处理的JS代码,IE浏览器下兼容问题
- !!!!!!!请教 方法 加括号的问题,谢谢!!!!!!!!
- 请教大家个简单的问题,如何才能将一个数组传递到function里?
- 有两个下拉框,在一个下拉框里选择一个项目,另一个下拉框里的选项会改变;请问用JS怎么实现??
- 生成新单号,是语法错了,还是语义错了,在线等!
- 新做的web程序,发布后浏览出现这个提示
- 火狐报错- for( var i=0; i< aLiSmall.length ; i++ ) ,搜狗能显示样式但是点击下方的li无效。火狐和ie不显样式。
- 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>