asp.net字幕滚动

零度F 2011-07-26 08:36:43
请各位高手指教一下 我的这段代码在运行的时候为什么会闪动啊 有什么办法可以解决吗

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="shiyanaspx.aspx.cs" Inherits="shiyanaspx" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题页</title>
<style type="text/css">
*{padding:0; margin:0;}
#roll{ border:1px solid red;height:100px; margin:10px auto; width:350px; overflow:hidden;list-style:none;}
#roll li{height:30px; padding-left:10px;line-height:30px; border-bottom:1px solid #ddd;}
a{font-size:12px; text-decoration:none; font-family:'宋体';}
</style>

</head>
<ol id="roll">
<li>
<a title="超级漂亮的几款清新、常用的网页CSS布局配色实例" target="_blank" href="StudentLogin.aspx">
超级漂亮的几款清新、常用的网页CSS布局配色实例</a></li>
<li>
<a title="CSS制作斜角上有背景图片的Div层" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1060.htm">
CSS制作斜角上有背景图片的Div层</a></li>
<li>
<a title="Js实现的层展开、层折叠效果，默认时候层是折叠的" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1059.htm">
Js实现的层展开、层折叠效果，默认时候层是折叠的</a></li>
<li>
<a title="DIV始终固定在网页右下角位置的CSS实现方法" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1058.htm">
DIV始终固定在网页右下角位置的CSS实现方法</a></li>
<li>
<a title="JavaScript未知高度元素的垂直居中的方法" target="_blank" href="http://www.csrcode.cn/html/txdm/tcys/1057.htm">
JavaScript未知高度元素的垂直居中的方法</a></li>
<li>
<a title="渐变彩色的文字" target="_blank" href="http://www.csrcode.cn/html/txdm/ljwb/1056.htm">
渐变彩色的文字</a></li>
<li>
<a title="指定文字逐条显示" target="_blank" href="http://www.csrcode.cn/html/txdm/ljwb/1055.htm">
指定文字逐条显示</a></li>
<li>
<a title="滚动的标题栏" target="_blank" href="http://www.csrcode.cn/html/txdm/qtdm/1054.htm">
滚动的标题栏</a></li>
<li>
<a title="JS 4屏平滑滚动幻灯片特效" target="_blank" href="http://www.csrcode.cn/html/txdm/txtx/1036.htm">
JS 4屏平滑滚动幻灯片特效</a></li>
<li>
<a title="图片的无缝滚动（纵向、横向）" target="_blank" href="http://www.csrcode.cn/html/txdm/txtx/1035.htm">
图片的无缝滚动（纵向、横向）</a></li>
<li>
<a title="鼠标触及带边框的菜单" target="_blank" href="http://www.csrcode.cn/html/txdm/cddh/1034.htm">
鼠标触及带边框的菜单</a></li>
<li>
<a title="比较实用的CSS控制链接颜色效果" target="_blank" href="http://www.csrcode.cn/html/txdm/ljwb/1032.htm">
比较实用的CSS控制链接颜色效果</a></li>
</ol>
<div id="bug"></div>
</body>
<script type="text/javascript">
(function(A){
function _ROLL(obj){
this.ele = document.getElementById(obj);
this.interval = false;
this.currentNode = 0;
this.passNode = 0;
this.speed = 100;
this.childs = _childs(this.ele);
this.childHeight = parseInt(_style(this.childs[0])['height']);
addEvent(this.ele,'mouseover',function(){
window._loveYR.pause();
});
addEvent(this.ele,'mouseout',function(){
window._loveYR.start(_loveYR.speed);
});
}
function _style(obj){
return obj.currentStyle || document.defaultView.getComputedStyle(obj,null);
}
function _childs(obj){
var childs = [];
for(var i=0;i<obj.childNodes.length;i++){
var _this = obj.childNodes[i];
if(_this.nodeType===1){
childs.push(_this);
}
}
return childs;
}
function addEvent(elem,evt,func){
if(-[1,]){
elem.addEventListener(evt,func,false);
}else{
elem.attachEvent('on'+evt,func);
};
}
function innerest(elem){
var c = elem;
while(c.childNodes.item(0).nodeType==1){
c = c.childNodes.item(0);
}
return c;
}
_ROLL.prototype = {
start:function(s){
var _this = this;
_this.speed = s || 100;
_this.interval = setInterval(function(){
_this.ele.scrollTop += 1;
_this.passNode++;
if(_this.passNode%_this.childHeight==0){
var o = _this.childs[_this.currentNode] || _this.childs[0];
_this.currentNode<(_this.childs.length-1)?_this.currentNode++:_this.currentNode=0;
_this.passNode = 0;
_this.ele.scrollTop = 0;
_this.ele.appendChild(o);
}
},_this.speed);
},
pause:function(){
var _this = this;
clearInterval(_this.interval);
}
}
A.marqueen = function(obj){A._loveYR = new _ROLL(obj); return A._loveYR;}
})(window);
marqueen('roll').start(100/*速度默认100*/);
</script>

</html>
...全文
410 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
子夜__ 2011-07-27
  • 打赏
  • 举报
 回复
跑马灯效果
MSDNXGH 2011-07-26
  • 打赏
  • 举报
 回复
太长了，就不看了，最简单滚动效果，marquee标签，查度一下marquee标签吧
零度F 2011-07-26
  • 打赏
  • 举报
 回复
开玩笑啊 我的那段时为了让它循环滚动的 去掉了怎么滚动啊
一一一一 2011-07-26
  • 打赏
  • 举报
 回复
把这段去掉
<script type="text/javascript">
(function(A){
function _ROLL(obj){
this.ele = document.getElementById(obj);
this.interval = false;
this.currentNode = 0;
this.passNode = 0;
this.speed = 100;
this.childs = _childs(this.ele);
this.childHeight = parseInt(_style(this.childs[0])['height']);
addEvent(this.ele,'mouseover',function(){
window._loveYR.pause();
});
addEvent(this.ele,'mouseout',function(){
window._loveYR.start(_loveYR.speed);
});
}
function _style(obj){
return obj.currentStyle || document.defaultView.getComputedStyle(obj,null);
}
function _childs(obj){
var childs = [];
for(var i=0;i<obj.childNodes.length;i++){
var _this = obj.childNodes[i];
if(_this.nodeType===1){
childs.push(_this);
}
}
return childs;
}
function addEvent(elem,evt,func){
if(-[1,]){
elem.addEventListener(evt,func,false);
}else{
elem.attachEvent('on'+evt,func);
};
}
function innerest(elem){
var c = elem;
while(c.childNodes.item(0).nodeType==1){
c = c.childNodes.item(0);
}
return c;
}
_ROLL.prototype = {
start:function(s){
var _this = this;
_this.speed = s || 100;
_this.interval = setInterval(function(){
_this.ele.scrollTop += 1;
_this.passNode++;
if(_this.passNode%_this.childHeight==0){
var o = _this.childs[_this.currentNode] || _this.childs[0];
_this.currentNode<(_this.childs.length-1)?_this.currentNode++:_this.currentNode=0;
_this.passNode = 0;
_this.ele.scrollTop = 0;
_this.ele.appendChild(o);
}
},_this.speed);
},
pause:function(){
var _this = this;
clearInterval(_this.interval);
}
}
A.marqueen = function(obj){A._loveYR = new _ROLL(obj); return A._loveYR;}
})(window);
marqueen('roll').start(100/*速度默认100*/);
</script>
yuxh81 2011-07-26
  • 打赏
  • 举报
 回复
应该有现成的插件，这种东西没必要自己折腾
ASP.NET实现无缝滚动
ASP.NET实现无缝滚动ASP.NET实现无缝滚动
基于AJAX的WebIM（ASP.NET + JQuery + AJAX）
描述： 本 WebIM 系统采用 B/S 模式，使用浏览器 ajax 实现即时聊天。 服务器端采用 MC 设计模式，Controler 分为组包拆包模块（编码子模块、加密解密子模块、序列化/反序列化子模块）和主处理模块（包含：Manager、DAO）；其中加密解密模块，由于 js 支持不好，预留暂不使用； 客户端使用 AJAX 心跳包拉数据，应用 JQuery 框架实现页面效果； 实现功能： 1.同一用户只能在一处登录； 2.好友分组列表； 3.聊天； 4.离线消息； 5.上线/下线通知； 6.日志； 7.信息编码（简单加密）（Base64 + UTF8）； 8.断线重连； 9.在线状态高亮显示； 10.心跳包维持在线状态（弹性心跳包间隔：一段时间内无收/发消息，则逐步增加心跳包时间间隔，以减轻服务器负担；收/发消息，则恢复原时间间隔）； 11.新消息头像闪烁提醒； 12.新消息标题滚动字幕提醒； 13.新消息窗口闪烁+高亮提醒； 14.头像； 15.性别； 16.头像区分在线/离线（FF下有没有更好的解决方案？）； 17.自定义头像； 18.表情； 19.右下角提示； 20.改为嵌入式WebIM； 21.主界面支持拖拽； 22.个性签名； 23.群组列表； 24.群组聊天； 25.群组成员列表； 26.已成为好友的群组成员上下线通知； 26.陌生人上下线通知； 27.群组好友列表排序； 28.同一账户多处登录，先登录者强迫下线。 29.强迫下线后一键重新登录； 30.好友列表排序； 31.群组列表排序； 32.自定义消息文字大小； 33.自定义消息文字颜色； 34.群组好友上下线状态； 35.注册； 36.快速查找好友； 37.查找用户； 38.查找群组； 39.添加好友（申请/审核）； 40.添加群组（申请/审核）；
滚动字幕1234567890.rar
多种水平滚动字幕
C# 文字滚动的屏幕保护程序
C# 文字滚动的屏幕保护程序 C# 文字滚动的屏幕保护程序
动态网站设计 期末考试试卷及答案
动态网站设计 期末考试试卷及答案 一、填空题（每空2分，共20分） 1、给网页添加背景图象的方法是：⑴ 。要创建链接到 abc@bnu.edu.cn 的E-mail链接,在链接文本框中应输入⑵ ____ 。北京师范大学的网址是http://www.bnu.edu.cn, 对文字“北师大”建立到北京师范大学主页的超链接，对应的html代码是⑶___________________________ __________________________________________ 。 2、ASP的全称是Active Server Page，是一种运行在服务器端的，基于⑷_________________或_______________语言的语法结构、可以嵌入到HTML文件中的嵌入式语言。包含ASP语句的网页文件必须以⑸___________________作为文件扩展名。 3、在网页设计过程中，如果希望该网站的所有网页都保持统一的风格（字体、字型、颜色、各级标题），那么可以使这些网页都链接一个共同的⑹_______________________文件。 4、要在网页中加入水平滚动字幕“北京示范大学 欢迎您的光临！”，对应的html代码是⑺_______________________________________________________。要在一个高度为100，宽度为200的单元格中制作嵌入式框架，应该使用的语句为：⑻________________________ ___________________________________________________________。 5、在网页设计中，需要在页面上加入一个能够关闭当前窗口的按钮。可以在代码方式下嵌入的语句是： 6、在网页制作中，实现网页布局的方法很多，但其核心内容都是利用表格实现布局。如果我们想用Photoshop制作网站主页的布局，其用到的核心工具为⑽___________________。 二、简答题（每题5分，共30分） 1、简述基于Windows的IIS服务器的安全性管理措施。 2、什么是ASP.Net，主要支持哪几种开发语言？ASP.Net对于运行环境和开发环境有什么要求。 3、什么是Session，为什么要在动态网站开发中引入Session的概念？ 4、简述在以Dreamweaver开发网页的过程中，如何在一个网页中设置不断在屏幕上跑动的小图片？要求说明具体的操作过程。 5、什么是JavaScript，JavaScript在网页设计中主要发挥什么作用？ 如果当前表单域为xsxh，如何限定xsxh必须为数码而且只能是8位？ 6、请写出下述表格在网页中对应的HTML标记。 三、SQL语句设计（每题5分，共20分） 已知：针对学校的管理活动，我们开发了两个数据表： 职工情况表（ZGB），用于描述教师的基本信息：其结构为：职工号，姓名，性别，出生日期，婚否，职称，操作类别，实发工资，单位，家庭电话。 授课表（SKB），用于描述教师的授课情况。其结构为:职工号，课程名，学分，上课时间，每周学时数，课程类别。 请写出完成下列功能的SQL语句。 1、查询经济学院教师的职工号，姓名，性别，婚否，职称，实发工资和家庭电话信息。 2、查询课程“动态网站建设”的学分、上课时间、课程类别及其授课教师的职工号、姓名、性别、单位。 3、删除职工“张大兰”的所有授课信息。
.NET社区

62,047

社区成员

669,049

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章