讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

新闻一段时间向上滚动效果

PHP中文网
发布： 2016-05-16 19:26:49
原创
1278人浏览过

新闻一段时间向上滚动效果

PHP代码

触发式加载精美特效企业网站源码1.0.0
触发式加载精美特效企业网站源码1.0.0

触发式加载精美特效企业网站源码使用jquery实现了很多精美的触发式加载特效，网站首页在随着访客的滚动条滚动过程中会出现很多触发式加载的特殊效果，让这个网站的风格瞬间显得非常的高大上，让你的企业品牌在访客心中留下更深的影响。当然，我们在使用jquery特效的同时也要注意程序对搜索引擎的友好型，所以这一点儿作者也有考虑到，已经尽可能的对js和css脚本进行精简和优化，尽可能的加快网站加载速度，同时也

触发式加载精美特效企业网站源码1.0.0 0
查看详情 触发式加载精美特效企业网站源码1.0.0 
<HTML> 
<HEAD> 
<META http-equiv=Content-Type content="text/html; charset=gb2312"> 
<STYLE> 
BODY { 
    FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% 
} 
UL { 
    FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% 
} 
LI { 
    FONT-SIZE: 12px; MARGIN: 0px; OVERFLOW: visible; LINE-HEIGHT: 140% 
} 
A:link { 
    FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A:visited { 
    FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none 
} 
A:hover { 
    FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline 
} 
</STYLE> 

<META content="MSHTML 6.00.3790.2491" name=GENERATOR></HEAD> 
<BODY> 
<UL id=icefable1 style="LIST-STYLE-TYPE: none"> 


<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebSafe/" target=_blank>WEB安全</A>] 
<A title=【WEB服务器】常见端口的作用、漏洞和操作建议 href="/WebSafe/Subject16/20068751627849.html" target=_blank><FONT color=red>【WEB服务器】常见端口的作用、漏洞和操作建议</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebSafe/" target=_blank>WEB安全</A>] 
<A title=【WEB服务器】win2000虚拟主机安全配置详解 href="/WebSafe/Subject16/20068651627847.html" target=_blank><FONT color=red>【WEB服务器】win2000虚拟主机安全配置详解</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】IT网络工作者--除了网络我们还剩下些什么? href="/WebNews/Subject36/200672893627846.html" target=_blank><FONT color=red>【WEB程序员专栏】IT网络工作者--除了网络我们还剩下些什么?</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebW3C/" target=_blank>WEB标准</A>] 
<A title=【HTML】表单样式大全 href="/WebW3C/Subject11/200662631127845.html" target=_blank><FONT color=red>【HTML】表单样式大全</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】三种分页效率测试 href="/weBuild/Subject1/20066231127843.html" target=_blank><FONT color=red>【ASP编程】三种分页效率测试</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【互联网新闻】Windows Vista Beta2 下载安装体验风格图标 href="/WebNews/Subject34/200661793427842.html" target=_blank><FONT color=red>【互联网新闻】Windows Vista Beta2 下载安装体验风格图标</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】健壮的AJAX源码学习应用示例 href="/weBuild/Subject42/200661614227841.html" target=_blank><FONT color=red>【JAVA/AJAX】健壮的AJAX源码学习应用示例</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】学习Ajax教程第一天[掌握AJAX] href="/weBuild/Subject42/200661514227837.html" target=_blank><FONT color=red>【JAVA/AJAX】学习Ajax教程第一天[掌握AJAX]</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】2006世界杯赛事日程时间表 href="/WebNews/Subject36/200661193627836.html" target=_blank><FONT color=red>【WEB程序员专栏】2006世界杯赛事日程时间表</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【互联网新闻】丁磊：那时候我们除了会写软件 什么也不会做 href="/WebNews/Subject34/200661093427835.html" target=_blank><FONT color=red>【互联网新闻】丁磊：那时候我们除了会写软件 什么也不会做</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】ASP开发规范 href="/WebNews/Subject36/200661093627833.html" target=_blank><FONT color=red>【WEB程序员专栏】ASP开发规范</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】大型高并发高负载网站的系统架构[转载] href="/WebNews/Subject36/200661093627830.html" target=_blank><FONT color=red>【WEB程序员专栏】大型高并发高负载网站的系统架构[转载]</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】(人民币)金额大小写转换函数 href="/weBuild/Subject1/20066101127828.html" target=_blank><FONT color=red>【ASP编程】(人民币)金额大小写转换函数</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebDown/" target=_blank>资源下载</A>] 
<A title=【网站开发文档】网站建设项目的步骤 href="/WebDown/Subject32/20066383227826.html" target=_blank><FONT color=red>【网站开发文档】网站建设项目的步骤</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/WebNews/" target=_blank>WEB资讯</A>] 
<A title=【WEB程序员专栏】韩国网页模板下载网址大全 href="/WebNews/Subject36/20066393627817.html" target=_blank><FONT color=red>【WEB程序员专栏】韩国网页模板下载网址大全</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】Ajax应用案例之MSN Space href="/weBuild/Subject42/20066314227807.html" target=_blank><FONT color=red>【JAVA/AJAX】Ajax应用案例之MSN Space</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【JAVA/AJAX】AJAX对象调用(XML HTTP Request) href="/weBuild/Subject42/20066314227806.html" target=_blank><FONT color=red>【JAVA/AJAX】AJAX对象调用(XML HTTP Request)</A>
 

<FONT style="FONT-SIZE: 7px;color:#FFFFFF">●  
[<A href="/weBuild/" target=_blank>WEB编程</A>] 
<A title=【ASP编程】ASP在线操作数据库的通用类 href="/weBuild/Subject1/20065301127704.html" target=_blank><FONT color=red>【ASP编程】ASP在线操作数据库的通用类</A>
 

</UL> 
<SCRIPT language=JavaScript> 

marqueesHeight=34; 

stopscroll=false; 

with(icefable1) 
{ 
style.height=marqueesHeight; 
style.overflowX="visible"; 

style.overflowY="hidden"; 

noWrap=true; 

onmouseover=new Function("stopscroll=true"); 

onmouseout=new Function("stopscroll=false"); 

} 

preTop=0; 
currentTop=34; 
stoptime=0; 

icefable1.innerHTML += icefable1.innerHTML; 



function init_srolltext() 
{ 
icefable1.scrollTop=0; 
setInterval("scrollUp()",15); 

} 



function scrollUp()  
{ 

if(stopscroll==true) return; 

currentTop+=1; 

if(currentTop>34) 

    { 

    stoptime+=1; 

    currentTop-=1; 

        if(stoptime==300) 
     
        { 
         
        currentTop=0; 
  
        stoptime=0; 

        } 

    } 
  
    else 
    { 
  
    preTop=icefable1.scrollTop; 
    icefable1.scrollTop+=1; 
     

      if(preTop==icefable1.scrollTop) 
   
          { 
   
          icefable1.scrollTop=0; 

          icefable1.scrollTop+=1; 

        } 
  
    } 

} 

init_srolltext(); 

</SCRIPT> 
</BODY> 
</HTML>
登录后复制

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：经验几则 推荐_javascript技巧 下一篇：JS代码混淆初步_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
什么是JavaScript的箭头函数_它和普通函数有什么不同呢 箭头函数是JavaScript中语法简洁的函数定义方式，与普通函数的关键区别在于：无独立this、不可作为构造函数、无arguments对象、无new.target和super。
2025-12-15 23:10:02
679
javascript展开运算符是什么_它如何合并数组或对象？ 展开运算符（...）用于将可迭代对象或对象展开为独立元素，实现数组/对象合并、浅拷贝、函数传参等，不修改原数据，仅浅层展开。
2025-12-15 23:10:02
148
javascript如何过滤数组_ filter怎么用 filter是JavaScript数组方法，创建新数组保留回调函数返回true的元素，不修改原数组；回调函数接收element、index、array三个参数，常用于数字、对象、字符串等过滤场景。
2025-12-15 23:09:07
472
javascript如何优化性能_有哪些常见的性能优化技巧 JavaScript性能优化核心是减少执行时间、内存占用和提升响应速度，关键在于提升浏览器解析、执行与渲染效率，涵盖DOM操作优化、事件与内存管理、代码轻量化及加载时机控制。
2025-12-15 23:08:02
290
javascript的JSON是什么_如何解析和序列化数据？ JSON是轻量级文本格式，本质为字符串；需用JSON.parse()解析为对象、JSON.stringify()序列化为字符串；键名须双引号，不支持函数/undefined/单引号/注释；Date等特殊类型需手动处理。
2025-12-15 23:07:21
959
javascript中的属性描述符是什么_如何配置属性？ 属性描述符是JavaScript中定义对象属性行为的配置项，分为数据描述符（含value/writable）和访问器描述符（含get/set），共用enumerable和configurable字段，通过Object.defineProperty等方法设置，默认值需特别注意。
2025-12-15 23:07:02
883
javascript如何操作浏览器本地存储？_javascript中Cookie和LocalStorage怎么选择？ JavaScript本地存储分Cookie、localStorage、sessionStorage：Cookie用于服务端共享小数据并支持安全策略；localStorage持久保存前端字符串数据；sessionStorage仅限当前标签页临时存储。
2025-12-15 23:06:07
912
javascript错误处理怎么做_try catch语句如何使用 JavaScript错误处理核心是try...catch，需写全try、catch、finally三块；可捕获具体错误类型；需主动throw自定义错误；异步错误须用async/await或.catch()处理。
2025-12-15 23:02:02
736
javascript中的Axios是什么_为什么它比Fetch更受欢迎 Axios是基于Promise的HTTP客户端，封装XMLHttpRequest和http/https，支持浏览器与Node.js，自动解析JSON、错误状态抛异常、提供请求/响应拦截器、兼容IE11、内置取消请求与超时控制，工程化优势显著。
2025-12-15 23:01:02
305
如何深度克隆对象_javascript中复制对象的方法有哪些？ JavaScript中无原生深度克隆方法，常用方案有：JSON.parse(JSON.stringify())（简单但局限多）、structuredClone()（现代环境首选，支持循环引用及多种内置类型）、递归手写（完全可控）、lodash.cloneDeep()（生产环境稳定可靠）。
2025-12-15 23:00:02
813
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部