杂记 后台代码取DataSource中的值,和不间断滚动JS
2006-10-26 17:29
260 查看
后台代码取DataSource中的值
例如:
int intSource = int.Parse(((DataRowView)e.Item.DataItem).Row["ItemPattern"].ToString());
不间断滚动JS
原理其实很简单,这让我和我的同事很感慨,程序其实很简单,就看你能不能把它用活~
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<div id=demo style=overflow:hidden;height:89;width:720;>
<table cellpadding=0 cellspace=0 border=0 width=100% background="skin/images/line6.jpg">
<tr>
<td id=demo1 valign=top background="skin/images/line6.jpg">
<table cellSpacing="4" cellPadding="7" border="0" background="skin/images/line6.jpg">
<tr>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu1.jpg" width="99" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu2.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu3.jpg" width="97" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu4.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="70" src="skin/images/tu5.jpg" width="95" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu1.jpg" width="99" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu2.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu3.jpg" width="97" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu4.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="70" src="skin/images/tu5.jpg" width="95" border="0"></A>
</td>
</tr>
</table>
</td>
<td id=demo2 valign=top background="skin/images/line6.jpg"></td>
</tr>
</table>
</div>
例如:
int intSource = int.Parse(((DataRowView)e.Item.DataItem).Row["ItemPattern"].ToString());
不间断滚动JS
原理其实很简单,这让我和我的同事很感慨,程序其实很简单,就看你能不能把它用活~
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<div id=demo style=overflow:hidden;height:89;width:720;>
<table cellpadding=0 cellspace=0 border=0 width=100% background="skin/images/line6.jpg">
<tr>
<td id=demo1 valign=top background="skin/images/line6.jpg">
<table cellSpacing="4" cellPadding="7" border="0" background="skin/images/line6.jpg">
<tr>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu1.jpg" width="99" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu2.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu3.jpg" width="97" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu4.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="70" src="skin/images/tu5.jpg" width="95" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu1.jpg" width="99" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu2.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="71" src="skin/images/tu3.jpg" width="97" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="72" src="skin/images/tu4.jpg" width="98" border="0"></A>
</td>
<td vAlign="middle" align="center" width="109" background="skin/images/tu.jpg"><A href="#"><IMG height="70" src="skin/images/tu5.jpg" width="95" border="0"></A>
</td>
</tr>
</table>
</td>
<td id=demo2 valign=top background="skin/images/line6.jpg"></td>
</tr>
</table>
</div>
相关文章推荐
- JS不间断向上滚动效果代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS不间断向上滚动效果代码
- js图片不间断滚动代码(向上,向下,向左,向右)
- JS不间断向左滚动代码
- 简单明了的js图片不间断滚动代码
- DIV+CSS+JS不间断横向滚动实现代码
- DIV+CSS+JS不间断横向滚动实现代码
- JS图片不间断滚动代码
- 不间断图片滚动js代码.真正兼容火狐ie
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- Js+CSS实现的间断和不间断文本滚动代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- 文字横向不间断滚动js代码
- Js+CSS实现的间断和不间断文本滚动代码
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS不间断横向滚动实现代码
- JS不间断向上滚动代码
- DIV+CSS+JS实现不间断横向滚动代码