关于图片滚动的代码?谁给解释下什么意思?这个是asp.net页面里的图片滚动!是怎么调用的呢?
<divid="roll_box"><divid="demo"><divid="indemo"><divid="demo1"><%DataTabledtjrtp=(Dat...
<div id="roll_box">
<div id="demo">
<div id="indemo">
<div id="demo1">
<%
DataTable dtjrtp = (DataTable)Cache["cgal"];
if (Cache["cgal"] == null)
{
dtjrtp = DB.getdataset("select top 6 * from cgal order by id desc").Tables[0];
Cache.Insert("cgal", dtjrtp, null, DateTime.UtcNow.AddMinutes(20), TimeSpan.Zero, CacheItemPriority.Default,new CacheItemRemovedCallback(cgalCallBack));
}
StringBuilder sbjrtp = new StringBuilder();
for (int i = 0; i < dtjrtp.Rows.Count; i++)
{
sbjrtp.Append("<img src=\"" + dtjrtp.Rows[i]["propic"].ToString() + "\" width=\"160\" height=\"122\" />");
}
Intercept.OutPutHtml(sbjrtp);
%>
</div>
<div id="demo2">
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var speed = 10; //数字越大速度越慢
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function () { clearInterval(MyMar) };
tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) };
-->
</script>
</div> 展开
<div id="demo">
<div id="indemo">
<div id="demo1">
<%
DataTable dtjrtp = (DataTable)Cache["cgal"];
if (Cache["cgal"] == null)
{
dtjrtp = DB.getdataset("select top 6 * from cgal order by id desc").Tables[0];
Cache.Insert("cgal", dtjrtp, null, DateTime.UtcNow.AddMinutes(20), TimeSpan.Zero, CacheItemPriority.Default,new CacheItemRemovedCallback(cgalCallBack));
}
StringBuilder sbjrtp = new StringBuilder();
for (int i = 0; i < dtjrtp.Rows.Count; i++)
{
sbjrtp.Append("<img src=\"" + dtjrtp.Rows[i]["propic"].ToString() + "\" width=\"160\" height=\"122\" />");
}
Intercept.OutPutHtml(sbjrtp);
%>
</div>
<div id="demo2">
</div>
</div>
</div>
</div>
<script type="text/javascript">
<!--
var speed = 10; //数字越大速度越慢
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function () { clearInterval(MyMar) };
tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) };
-->
</script>
</div> 展开
3个回答
展开全部
确实是个图片滚动的代码。
调用?后面不就是在调用的嘛。 <script type="text/javascript">
<!--
var speed = 10; //数字越大速度越慢
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function () { clearInterval(MyMar) };
tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) };
-->
</script>
</div>
写在页面的下面,相应的控件换下就能用了。
调用?后面不就是在调用的嘛。 <script type="text/javascript">
<!--
var speed = 10; //数字越大速度越慢
var tab = document.getElementById("demo");
var tab1 = document.getElementById("demo1");
var tab2 = document.getElementById("demo2");
tab2.innerHTML = tab1.innerHTML;
function Marquee() {
if (tab2.offsetWidth - tab.scrollLeft <= 0)
tab.scrollLeft -= tab1.offsetWidth
else {
tab.scrollLeft++;
}
}
var MyMar = setInterval(Marquee, speed);
tab.onmouseover = function () { clearInterval(MyMar) };
tab.onmouseout = function () { MyMar = setInterval(Marquee, speed) };
-->
</script>
</div>
写在页面的下面,相应的控件换下就能用了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2011-05-08
展开全部
这里有一个无缝滚动效果
方向可以自己设置
可以设置定高定宽停顿
你把文字改成图片就行
里面有源码可以参考
方向可以自己设置
可以设置定高定宽停顿
你把文字改成图片就行
里面有源码可以参考
参考资料: http://www.blueidea.com/common/shoutbox/redir.asp?8=y&id=12229
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
告诉我你的问题和Email,
有别的要求也可以联系我们,
有可能帮你,
使用百度_Hi给我留言,
此回复对于所有需求和和来访者有效
有别的要求也可以联系我们,
有可能帮你,
使用百度_Hi给我留言,
此回复对于所有需求和和来访者有效
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询