爱易网
IT新闻
IT新闻
爱易资讯
网站搭建
云虚拟主机教程
云服务器教程
Apache教程
IIS教程
Nginx教程
网站策划
站长文章
推广教程
淘宝客教程
网页设计
HTML教程
XHTML教程
CSS教程
HTML5教程
CSS3教程
JavaSript基础
JQuery教程
Node.js教程
前端技术
Ajax教程
Js特效
Xml教程
平面设计
页面UI设计
photoshop教程
程序开发
AI人工智能
Asp教程
Php教程
Asp.Net教程
Net Core教程
C#教程
Java教程
Jsp教程
开发技术
微信小程序教程
Uniapp开发教程
微信公众号开发
Andriod教程
IOS教程
DOS教程
Python教程
Docker教程
Windows Container教程
数据库
MSSQL教程
MySQL教程
Redis教程
Access教程
Oracle教程
数据库教程
操作系统
Linux教程
Windows教程
MAC教程
Cisco教程
交换机教程
防火墙教程
搜索
爱易网页
JS特效
用鼠标和按钮控制网页内容的上下滚动
用鼠标和按钮控制网页内容的上下滚动
日期：2014-05-18 浏览次数：20266 次
欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：
以下是程序代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>爱易网网页特效集，用鼠标和按钮控制网页内容的上下滚动</title> </head> <body> <div align="center"> <table border="0" width="565" cellpadding="0" style="border-collapse: collapse" id="table1"> <tr> <script language="JavaScript"> function scroll(n) {temp=n; News.scrollTop=News.scrollTop+temp; if (temp==0) return; setTimeout("scroll(temp)",20); } </script> <td width="58%" valign="top"> <div id="News" style="border:0px dashed; OVERFLOW: hidden; WIDTH: 564px; HEIGHT: 305px"> <div align="center"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table31"> <tr> <td>在网上冲浪的网友面对千姿百态，丰富多彩的主页，可能也会产生一 种冲动----要是我自己也能拥有一个个人的空间就好了。在Internet上只要 你想做，你就一定能成功。来吧，不要再犹豫了。个人主页的建立大概有 以下几个相应的步骤:首先是网页的制作，其次是网页存放空间的申请和 网页的上载及宣传与维护等。 网页的制作，相信各位网友都看到许多关于制作个人主页的文章，在这里我就不多说，只简单地介绍一下。做主页其实是一件很简单的事情， 因为网上的东西是“即见即所得”，对你觉的不错的网页，把它存储下来 慢慢研究研究(其实亦可以使用cache管理工具，在离线下重新浏览以前 已浏览过的网页)，博取众家之长吗? 制作网页的工具大概分成二类。一类是即见即所得，如:netscape navigator golden、frontpage等，这类软件使用较简单，适与初学者。而另一类是 文本编辑类，如hotdog、homesite、webedit等都是不错的软件，适合于 已掌握一定html语法的制作者，其中hotdog 3.0专业版更附有一些java 及activeX的程序，能制作出相当具效果的主页。个人主页的内容是最关 键的，确定自己的网页的主题和定位方向，就有一个目标去搜集相应的材料去充实，去丰富你的主页。另外，在制作时别忘了为你的上帝-----浏览者着想，尽量少采用大图片，尽可能采用标准的html语法，使主页的传 输更快捷。 网页制作完了，当然就要把它挂上Internet，让全世界都能看到。这就 要找一个主页的存放空间。一般的 ISP都提供相应的服务，但许多都以Email的形式寄给网管，由他帮你挂 上去。这样主页的维护和更新就相当不方便，而且还会有空间的限制。其 实在国内的网易(www.nease.net)、国外的地球村(www.geocities.com) 等都提供相应的服务，像网易更有高达20M的存放空间，传输速度相当 快。而且免费提供一个支持pop3协议的信箱，更可获得留言本和计数器， 确实相当方便。 网页的上载一般可以大致分为三种形式包括:Email、ftp、www,分 别使用相应的软件，如以ftp上传 可使用cuteftp1.8等，在host:填上你注册的网页所放的主机，填上user ID 和密码。(这些资料，在你申请后，提供空间的公司会Email给你)这样就 能把主页上传到指定的目录上。当然在你挂上后，首先你要自行浏览 一下，并检查相应的连接。至此你的主页就上载完毕，也就在Internet上 拥有了自己的一席之地。 要是只有你自己一个人知道你网页的地址,那你的网页就失去了存在的意义,因此如何宣传自己网页就成为网页能否发挥其作用的关键所在。 网页的宣传大致有以下几种方法。 第一种方法，赶快到各大搜索引擎注册，例如到yahoo(www.yahoo.com)、 whatesite(www.whatesite.com)、goyoyo(www.goyoyo.com)等国外节点。当然也要到国内的网站如:网易(www.nease.net)、嘉星(www.kol.com.cn)、经济网(www.cei.gov.cn)、瀛海威(www.ihw.com.cn)等，填份表格，就能成功注册。以后别人就能在这些引擎中查到你的网页。 第二种方法，到国内外的ISP中的个人空间的栏目中登记你的网页，根据你网页的内容选取不同的类型登记。 第三种方法，利用网上广播站， Broadcaster(www.broadcater.co.uk),它能帮你到近200个搜索引擎处注册， 哗!当然是最快捷方便的方法。第四种方法，参加各种广告交换组织， (www.webunion.com)linkexchange(www.linkexchange .com)等登记，成为它们的会员，把它广告加到你的主页，而你的主页旗 帜也会出现在其他会员的主页上。你看 像国内许多著名的ISP如广州视窗、北京在线、瀛海威等，还有像南极星 的网点都是会员。这样，你的主页的连接就会出现在这些主页上,能与它 们相提并论那么多神气啊! 第五种方法，使用帮你注册的软件，如网上蜘蛛(www.cyber-sleuth.com)，它会帮你到近200个引擎注册(在试用版只能注册五个引擎)。 第六种方法，是到各公告栏中，大肆宣传一番，引起网友 的兴趣和注意。 第七种方法，利用Email向你的网友发封信，告诉他们“我有自己的个人主页了”，但千万不要乱发信给与你不相熟的网友免得遭人 讨厌。这样下来，不到半个月，你网页上的计数器肯定会突飞猛进。 要想保持网页的浏览人数，你就要不停地更新你的主页，增加其内容， 永远给人一种新的感觉。平时上网时多搜集资料，多听听别人的意见，每隔一段时间更新版面。只有这样你的网页才能不断地为网友服务。</td> </tr> </table> </div> </div> </td> <td width="2%" valign="top"> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table11"> <tr> <td> <img onmousedown="scroll(-3)" onmouseover="scroll(-3)" style="CURSOR: hand" onmouseout="scroll(0)" border="0" src="http://img.aiyiweb.com/icon_indextool.gif" width="16" height="16" title="按下鼠标速度会更快" onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></td> </tr> <tr> <t</div></div> <div class="clearfix"></div> </div> <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="4667">上一篇：狡猾的按钮特效</a></li> <li class="next"><a href="3196">下一篇：仿windows关机对话框的提示框效果</a></li> </ul> </nav> <div class="alert alert-warning" role="alert"> <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/ItNews/">更多></a></span></h3> </div> <div class="panel-body row"> <ol> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/10837' title='200美元英特尔Android笔记本行将到来' target="_blank"> 200美元英特尔Android笔记本行将到来</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/10847' title='论：三大运营商运用商店逆袭并非不能够' target="_blank"> 论：三大运营商运用商店逆袭并非不能够</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34122' title='墨迹天气：产品创新以攻为守方能对抗巨头' target="_blank"> 墨迹天气：产品创新以攻为守方能对抗巨头</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34379' title='电信运营商员工涌入虚拟运营商，待遇差距多大？' target="_blank"> 电信运营商员工涌入虚拟运营商，待遇差距多大？</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/435' title='神州泰岳雪上加霜：副总违规买卖遭罚' target="_blank"> 神州泰岳雪上加霜：副总违规买卖遭罚</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34218' title='中国首台比特币ATM登陆上海 可购买不可兑换现钞' target="_blank"> 中国首台比特币ATM登陆上海 可购买不可兑换现钞</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34198' title='云储存有多远:跨过数据安全问题即可到达' target="_blank"> 云储存有多远:跨过数据安全问题即可到达</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/10815' title='中移动业绩增长趋缓 目光转向海外市场' target="_blank"> 中移动业绩增长趋缓 目光转向海外市场</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/ItNews/34389' title='从雷军的“互联网七字诀”告诉你一个非妖魔化的小米' target="_blank"> 从雷军的“互联网七字诀”告诉你一个非妖魔化的小米</a></li></div> </ol> </div> </div> </div> <div class="col-lg-4 hidden-sm hidden-xs"> <!--右边的内容--> <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/make/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/oneweb.png" alt="网站建设一条龙 做网站 网站制作 网站定制 企业网站设计 特价" /></a> <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/ItNews/">更多></a></span></h3> </div> <div class="panel-body"> <ol> <li class="articleAbout"><a href=/ItNews/10819 title='网易云音乐能否为丁磊拿到移动互联网门票？ ' target="_blank"> 网易云音乐能否为丁磊拿到移动互联网门票？ </a></li> <li class="articleAbout"><a href=/ItNews/34403 title='罗永浩工匠形象坍塌,锤子产能再跳水逃离用户超两成' target="_blank"> 罗永浩工匠形象坍塌,锤子产能再跳水逃离用户超两成</a></li> <li class="articleAbout"><a href=/ItNews/34364 title='赴美开店，阿里11Main准备好了吗？' target="_blank"> 赴美开店，阿里11Main准备好了吗？</a></li> <li class="articleAbout"><a href=/ItNews/34209 title='曝阿里巴巴一怀孕员工过劳死 加班情况引争议' target="_blank"> 曝阿里巴巴一怀孕员工过劳死 加班情况引争议</a></li> <li class="articleAbout"><a href=/ItNews/10822 title='360涉足搜索范围 百度市场份额面临应战' target="_blank"> 360涉足搜索范围 百度市场份额面临应战</a></li> <li class="articleAbout"><a href=/ItNews/34193 title='玩游戏式的趣味戒烟App：Kwit' target="_blank"> 玩游戏式的趣味戒烟App：Kwit</a></li> <li class="articleAbout"><a href=/ItNews/10835 title='传诺基亚5月14日发布会推出Lumia 950' target="_blank"> 传诺基亚5月14日发布会推出Lumia 950</a></li> <li class="articleAbout"><a href=/ItNews/390 title='巧用百度推行系统 突显竞价效果' target="_blank"> 巧用百度推行系统 突显竞价效果</a></li> <li class="articleAbout"><a href=/ItNews/34353 title='微博启动自媒体计划 粉丝+收入双激励是亮点' target="_blank"> 微博启动自媒体计划 粉丝+收入双激励是亮点</a></li> <li class="articleAbout"><a href=/ItNews/34363 title='阿里物流搭上邮政：京东，我们在终点等你！' target="_blank"> 阿里物流搭上邮政：京东，我们在终点等你！</a></li> <li class="articleAbout"><a href=/ItNews/10845 title='打车软件竞争白热化：有冷兵器时代意味' target="_blank"> 打车软件竞争白热化：有冷兵器时代意味</a></li> <li class="articleAbout"><a href=/ItNews/34458 title='2018年阿里云双11活动如何参加？1折优惠大攻略' target="_blank"> 2018年阿里云双11活动如何参加？1折优惠大攻略</a></li> <li class="articleAbout"><a href=/ItNews/34389 title='从雷军的“互联网七字诀”告诉你一个非妖魔化的小米' target="_blank"> 从雷军的“互联网七字诀”告诉你一个非妖魔化的小米</a></li> <li class="articleAbout"><a href=/ItNews/10817 title='雅安地震救灾前线的科技之手 微弱而暖和' target="_blank"> 雅安地震救灾前线的科技之手 微弱而暖和</a></li> <li class="articleAbout"><a href=/ItNews/34265 title='总部大楼已换微软Logo：回忆诺基亚的兴衰史' target="_blank"> 总部大楼已换微软Logo：回忆诺基亚的兴衰史</a></li> <li class="articleAbout"><a href=/ItNews/34246 title='苹果大中华区业绩回暖 中移动贡献或低于预期' target="_blank"> 苹果大中华区业绩回暖 中移动贡献或低于预期</a></li> <li class="articleAbout"><a href=/ItNews/34224 title='虚拟运营商温度有多高？降温OR升温内外有别' target="_blank"> 虚拟运营商温度有多高？降温OR升温内外有别</a></li> <li class="articleAbout"><a href=/ItNews/34241 title='韩国研制无线充电系统：一次可充40部手机' target="_blank"> 韩国研制无线充电系统：一次可充40部手机</a></li> <li class="articleAbout"><a href=/ItNews/34374 title='虚拟运营商们更像三大运营商的“二道贩子”' target="_blank"> 虚拟运营商们更像三大运营商的“二道贩子”</a></li> <li class="articleAbout"><a href=/ItNews/34257 title='“组合拳”怎么打 拆解小米新玩法' target="_blank"> “组合拳”怎么打 拆解小米新玩法</a></li> </ol> </div> </div> </div> </div> <div class="clearfix"></div> <footer class=" footer navbar-bottom"> <em>友情链接：</em> <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a> <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a> <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a> <br /> <script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script> Copyright © 2013-2026 爱易网页 当前在线：601人 网站在10时38分37秒内访问总人数：101987人 当前 13.82% <a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script> </footer> </div> </body> </html>
以下是程序代码 以下是程序代码 以下是程序代码