AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

C#信息无缝滚动显示代码

2011-09-21 1074
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
.cn 域名，1个 12个月
简介： 滚动广告信息 #nli_con { height: 200px; widt... 
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>滚动广告信息</title>
    <style type="text/css">
        #nli_con
        {
            height: 200px;
            width: 400px;
            overflow: hidden;
            border: 1px solid #999999;
        }
        div, dl, dt, dd
        {
            margin: 0px;
            padding: 0px;
        }
        dl
        {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #CCCCCC;
            font-size: 14px;
            margin-right: 10px;
            margin-left: 10px;
        }
        dd
        {
            font-size: 12px;
        }
    </style>
    <style type="text/css">
        #nli_con
        {
            height: 200px;
            width: 400px;
            overflow: hidden;
            border: 1px solid #999999;
        }
        div, dl, dt, dd
        {
            margin: 0px;
            padding: 0px;
        }
        dl
        {
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #CCCCCC;
            font-size: 14px;
            margin-right: 10px;
            margin-left: 10px;
        }
        dd
        {
            font-size: 12px;
        }
    </style>
    <script language="javascript" type="text/javascript">
        function myMarquee(id, name, out, speed) {
            var $ = function (d) {
                typeof d == "string" && (d = document.getElementById(d));
                return $.fn.call(d);
            };
            $.fn = function () {
                //附加2个方法  
                this.$ADD = function (fn) { CLS.add(this, fn) };
                this.addEvent = function (sEventType, fnHandler) {
                    if (this.addEventListener) { this.addEventListener(sEventType, fnHandler, false); }
                    else if (this.attachEvent) { this.attachEvent("on" + sEventType, fnHandler); }
                    else { this["on" + sEventType] = fnHandler; }
                }
                this.removeEvent = function (sEventType, fnHandler) {
                    if (this.removeEventListener) { this.removeEventListener(sEventType, fnHandler, false); }
                    else if (this.detachEvent) { this.detachEvent("on" + sEventType, fnHandler); }
                    else { this["on" + sEventType] = null; }
                }
                return this;
            };
            var Class = { create: function () { return function () { this.initialize.apply(this, arguments); } } };
            var Bind = function (obj, fun, arr) { return function () { return fun.apply(obj, arr); } }
            var Marquee = Class.create();

            Marquee.prototype = {
                initialize: function (id, name, out, speed) {
                    this.name = name;
                    this.box = $(id);
                    this.out = out;
                    this.speed = speed;
                    this.d = 1;
                    this.box.style.position = "relative";
                    this.box.scrollTop = 0;
                    var _li = this.box.firstChild;
                    while (typeof (_li.tagName) == "undefined") _li_li = _li.nextSibling;
                    this.lis = this.box.getElementsByTagName(_li.tagName);
                    this.len = this.lis.length;
                    for (var i = 0; i < this.lis.length; i++) {
                        //计算该复制多少节点，保证无缝滚动，没必要的就不复制  
                        var __li = document.createElement(_li.tagName);
                        __li.innerHTML = this.lis[i].innerHTML;
                        this.box.appendChild(__li);
                        if (this.lis[i].offsetTop >= this.box.offsetHeight) break;
                    }
                    this.Start();
                    this.box.addEvent("mouseover", Bind(this, function () { clearTimeout(this.timeout); }, []));
                    this.box.addEvent("mouseout", Bind(this, this.Start, []));
                },
                Start: function () {
                    clearTimeout(this.timeout);
                    var me = this;
                    this.timeout = setTimeout(function () { me.Up() }, this.out * 1000)
                },
                Up: function () {
                    clearInterval(this.interval);
                    var me = this;
                    this.interval = setInterval(function () { me.Fun() }, 10);
                },
                Fun: function () {
                    this.box.scrollTop += this.speed;
                    if (this.lis[this.d].offsetTop <= this.box.scrollTop) {
                        clearInterval(this.interval);
                        this.box.scrollTop = this.lis[this.d].offsetTop;
                        this.Start();
                        this.d++;
                    }
                    if (this.d >= this.len + 1) {
                        this.d = 1;
                        this.box.scrollTop = 0;
                    }
                }
            };
            var m = new Marquee(id, name, out, speed);
        }
        window.onload = function () { myMarquee("nli_con", "marquee", 2, 2) }  
    </script>
</head>
<body>
    <div id="nli_con">
        <dl>
            <dt><a href="http://www.hwj123.com/" target='_blank'><strong>1. 域名与网址有什么区别？</strong></a></dt>
            <dd>
                一个完整网址范例如下： http://www.hwj123.com....</dd>
        </dl>
        <dl>
            <dt><a href="http://www.hwj123.com/blog/post/8.html" target='_blank'><strong>2. 什么是虚拟主机？
            </strong></a></dt>
            <dd>
                虚拟主机是使用特殊的软硬件技术，把一台运行在因特网上的服务器主机分成一台台“虚拟”的主机，每一台虚拟主机都具有独立的域名，具有完整的Internet服务器（WWW、FTP、Email等）功能，虚拟主机之间完全独立，并可由用户自行管理，在外界看来，每一台虚拟主机和一台独立的主机完全一样。迅捷主机网为中小客户提供优质的网络环境和服务器，并由高级网管负责监控。</dd>
        </dl>
        <dl>
            <dt><a href="http://www.hwj123.com/blog/post/45.html" target='_blank'><strong>3. 关于中小企业网站建设的知识</strong></a></dt>
            <dd>
                中小企业一直是企业上网工程主要服务的对象，中小企业上网的效果总是“犹抱琵琶半遮面”显现不出什么效果，本站整理了多年对中小企业服务的经验...</dd>
        </dl>
        <dl>
            <dt><a href="http://www.hwj123.com/blog/post/42.html" target='_blank'><strong>4. 为什么要建立网站标准？什么是网站标准？</strong></a></dt>
            <dd>
                我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的</dd>
        </dl>
        <dl>
            <dt><a href="http://www.hwj123.com/blog/post/22.html" target='_blank'><strong>5. 企业网站建设须注意的10大问题</strong></a></dt>
            <dd>
                企业网站已经成为一个企业互联网战略的基础，有人说:"10年以后，互联网业将消失。"...</dd>
        </dl>
        <dl>
            <dt><a href="http://www.hwj123.com/blog/post/30.html" target='_blank'><strong>6. 2009牛年，网站怎样发展好</strong></a></dt>
            <dd>
                第一，选择做网站内容， 制定网站内容，根据你的团队工作能力，工作量接受范围度等等，制定一个框架性的简单的方案。 最好能发挥自己的专长，如果你是三国里的张飞...</dd>
        </dl>
        <dl>
            <dt><a href="http://www.hwj123.com/blog/post/13.html" target='_blank'><strong>7. Internet域名是什么??</strong></a></dt>
            <dd>
                Internet域名，是Internet网络上的一个服务器或一个网络系统的名字，在全世界，没有一个重复的域名。域名的形式是以若干个英文字母和数字组成，由...</dd>
        </dl>
    </div>
</body>
</html>


文章标签：
域名
C#
Web App开发
前端开发
关键词：
C#信息代码
暖枫无敌
目录
相关文章
小王老师呀
|
29天前
|
缓存 C# Windows
C#程序如何编译成Native代码
【10月更文挑战第15天】在C#中，可以通过.NET Native和第三方工具（如Ngen.exe）将程序编译成Native代码，以提升性能和启动速度。.NET Native适用于UWP应用，而Ngen.exe则通过预编译托管程序集为本地机器代码来加速启动。不过，这些方法也可能增加编译时间和部署复杂度。
小王老师呀
81 2
mingupup
|
3月前
|
C# 开发者 Windows
在VB.NET项目中使用C#编写的代码
在VB.NET项目中使用C#编写的代码
mingupup
53 0
何雨晨
|
1月前
|
C#
C# 图形验证码实现登录校验代码
C# 图形验证码实现登录校验代码
何雨晨
72 2
何雨晨
|
1月前
|
中间件 数据库连接 API
C#数据分表核心代码
C#数据分表核心代码
何雨晨
33 0
代码掌控者
|
3月前
|
物联网 C# Windows
看看如何使用 C# 代码让 MQTT 进行完美通信
看看如何使用 C# 代码让 MQTT 进行完美通信
代码掌控者
537 0
土木林森
|
3月前
|
数据安全/隐私保护 C# UED
利用 Xamarin 开展企业级移动应用开发：从用户登录到客户管理，全面演示C#与Xamarin.Forms构建跨平台CRM应用的实战技巧与代码示例
【8月更文挑战第31天】利用 Xamarin 进行企业级移动应用开发能显著提升效率并确保高质量和高性能。Xamarin 的跨平台特性使得开发者可以通过单一的 C# 代码库构建 iOS、Android 和 Windows 应用，帮助企业快速推出产品并保持一致的用户体验。本文通过一个简单的 CRM 示例应用演示 Xamarin 的使用方法，并提供了具体的代码示例。该应用包括用户登录、客户列表显示和添加新客户等功能。此外，还介绍了如何增强应用的安全性、数据持久化、性能优化及可扩展性，从而构建出功能全面且体验良好的移动应用。
土木林森
50 0
土木林森
|
3月前
|
前端开发 开发者 Apache
揭秘Apache Wicket项目结构：如何打造Web应用的钢铁长城，告别混乱代码！
【8月更文挑战第31天】Apache Wicket凭借其组件化设计深受Java Web开发者青睐。本文详细解析了Wicket项目结构，帮助你构建可维护的大型Web应用。通过示例展示了如何使用Maven管理依赖，并组织页面、组件及业务逻辑，确保代码清晰易懂。Wicket提供的页面继承、组件重用等功能进一步增强了项目的可维护性和扩展性。掌握这些技巧，能够显著提升开发效率，构建更稳定的Web应用。
土木林森
98 0
土木林森
|
3月前
|
前端开发 程序员 API
从后端到前端的无缝切换：一名C#程序员如何借助Blazor技术实现全栈开发的梦想——深入解析Blazor框架下的Web应用构建之旅，附带实战代码示例与项目配置技巧揭露
【8月更文挑战第31天】本文通过详细步骤和代码示例，介绍了如何利用 Blazor 构建全栈 Web 应用。从创建新的 Blazor WebAssembly 项目开始，逐步演示了前后端分离的服务架构设计，包括 REST API 的设置及 Blazor 组件的数据展示。通过整合前后端逻辑，C# 开发者能够在统一环境中实现高效且一致的全栈开发。Blazor 的引入不仅简化了 Web 应用开发流程，还为习惯于后端开发的程序员提供了进入前端世界的桥梁。
土木林森
282 0
高端源码库
|
4月前
|
BI 数据处理
一体化的医学实验室信息系统源码，C#LIS系统源码
面向医学实验室的一体化平台提供标本流程管理、报告发布及科室管理支持。它与HIS无缝对接，简化患者信息录入，实现检验结果实时同步。系统自动处理数据、分类样本、计算参考范围，并对异常结果预警。条码管理简化样本追踪，质控管理提升检测准确性。平台还支持数据审核发布、历史结果查询对比、灵活报表打印及统计分析等功能，辅助科室管理和试剂库存控制，加强科室间沟通协作。
高端源码库
54 0
一体化的医学实验室信息系统源码，C#LIS系统源码
VipSoft
|
3月前
|
C#
C# 跳过值班时间代码逻辑
C# 跳过值班时间代码逻辑
VipSoft
30 0