位置: 编程技术 - 正文

做网页的一些技巧(续)(做网页的流程与步骤)

编辑:rootadmin

Q: 实现双击自动滚屏. A: 将以下代码添加到需要自动滚屏的页面上 <s cript Language="Javas cript"> var currentpos, timer; function initialize(){ timer = setInterval("scrollwindow()", 1); } function sc(){ clearInterval(timer); } function scrollwindow(){ currentpos = document.body.scrollTop; window.scroll(0, ++currentpos); if(currentpos != document.body.scrollTop){ sc(); } } document.onmousedown = sc; document.ondblclick = initialize; </s cript> Q: 鼠标特效 。 A: 鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明 <a href=" target="_blank" onMouseOver="helpor_net_show(this,event,' 这里是小郭的个人主页 ')" onMouseOut="helpor_net_hide()"> 把鼠标放上来试试 <div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 0);width:px;background-color:seashell"> <layer name="nstip" width="px" bgColor="seashell"></layer> </div> <SCRIPT language="JavaScript"> <!-- if (!document.layers&&!document.all) event="test" function helpor_net_show(current,e,text){ if (document.all&&document.readyState=="complete"){ document.all.tooltip2.innerHTML='<marquee style="border:1px solid #ff">'+text+'</marquee>' document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+ document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+ document.all.tooltip2.style.visibility="visible" } else if (document.layers){ document.tooltip2.document.nstip.document.write(' '+text+' ') document.tooltip2.document.nstip.document.close() document.tooltip2.document.nstip.left=0 currentscroll=setInterval("scrolltip()",) document.tooltip2.left=e.pageX+ document.tooltip2.top=e.pageY+ document.tooltip2.visibility="show" } } function helpor_net_hide(){ if (document.all) document.all.tooltip2.style.visibility="hidden" else if (document.layers){ clearInterval(currentscroll) document.tooltip2.visibility="hidden" } } function scrolltip(){ if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width) document.tooltip2.document.nstip.left-=5 else document.tooltip2.document.nstip.left= } //--> </SCRIPT> Q: 文本随机输出,可以用来作公告栏 。 A: 脚本说明 : 第一步 : 把如下代码加入 <head> 区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Tarjei Davidsen (the@rescueteam.com) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! --> <!-- Begin var max=0; function textlist() { i++:textlist.arguments[i]; max } tl = new textlist( " 随着 INTERNET 时代的逐步到来 , 人们对网络的认识与感知越来越深刻 ", " 上网主要是进行 web 页面浏览,所以 web 页面的精彩程度对一个网站的生 ", " 人通过制作个人主页展现自己的才华,而且,由于出现了多种制作网页的软件 ", " 但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的 ", "JavaScript 是 Netscape( 网景 ) 公司首先推出的一种针对 WEB 页面的解释型语 " ); var x = 0; pos = 0; var l = tl[0].length; function textticker() { document.tickform.tickfield.value = tl[x].substring(0, pos) + "_"; if(pos++ == l) { pos = 0; setTimeout("textticker()", ); if(++x == max) x = 0; l = tl[x].length; } else setTimeout("textticker()", ); } // End --> </script> </HEAD> 第二步 : 把如下代码加入 <body> 区域中 <form name=tickform> <textarea name=tickfield rows=3 cols= style="background-color: rgb(0,0,0); color: rgb(,,); cursor: default; font-family: Arial; font-size: px" wrap=virtual>The news will appear here when the page has finished loading.</textarea> </form> 第三步 : 把 <body> 改为 <body bgcolor="#fef4d9" OnLoad="textticker()"> Q: 进入页面自动弹出的欢迎致词,个人网站可加...... A: 今天在公司网站上抓的,进入页面自动弹出的欢迎致词,个人网站可加上不免没有加好呀。加的位置应该可以看懂吧。 <html> <head> </head> <body> </body> <script language="vbscript"> <!-- MsgBox"欢迎光临我的网站!" --> </script> </html> Q: 页面自动刷新说明 。A: 当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="">,其中指每隔秒刷新一次页面. 2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content=";url=

Q: 鼠标箭头变十字架代码(对一些特殊的网页有用) . A: 你们自己试试效果就知道了. <script language="JavaScript1.2"> <!-- if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",) } if ((document.all&&!window.print)||document.layers) //if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 //--> </script> <style> <!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:#B0D0F8; background-color:#eeff; z-index:; font-size:1px; } --> </style> 【?上】然後切?Q到您的??,按『Ctrl+V』???????的程式??在</head>之前。 <div id="leftright" style="width:expression(document.body.clientWidth-2)"> </div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"> </div> 【?上】然後切?Q到您的??,按『Ctrl+V』???????的程式??在<body>之後任何位置。 【修改程式?】 若想改改?的?色,那就改background-color:#eeff;?部份,後面的?色?就行了。

Q: 网站鼠标点击有烟花效果的代码 . A: <SCRIPT LANGUAGE="JavaScript1.2"> <!-- Begin var ver = navigator.appVersion; var dom = document.getElementById ? 1 : 0; var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0; var n = (document.layers); var ie = (document.all); var sparksAflyin = 0; var totalSparks = 0; var sparksOn = 1; function initMouseEvents() { if (n) document.captureevents(event.mousedown | event.mousemove) } function mouseDown(e) { i++):eval('anim_'+i+'_x[j]+mousex'); document.body.offsetheight+document.body.scrolltop:document.body.offsetHeight+document.body.scrollTop-; document.body.offsetwidth+document.body.scrollleft:document.body.offsetWidth+document.body.scrollLeft-; document.all.sdiv'+i+'.style.top:tempy; document.layers.sdiv'+i+'.left:tempx; document.layers.sdiv'+i+'.top:tempy; totalsparks++= = ( } if (totalSparks == ) { sparksAflyin = 0; totalSparks = 0; } } function SHOW(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "visible";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "visible";'); } function HIDE(divName){ if (document.all) eval('document.all.'+divName+'.style.visibility = "hidden";'); else if (document.layers) eval('document.layers["'+divName+'"].visibility = "hide";'); } anim_0_x=new Array(,,,0,0,0,0,0,0,0,0,0); anim_0_y=new Array(-,-,-,-,-,-,-,0,,,,); anim_1_x=new Array(,,,,,,,,,,,,,,); anim_1_y=new Array(-,-,-,-,-,-,-2,,,,,,,,); anim_2_x=new Array(,,2,3,4,5,6,7,8,9,,,,,); anim_2_y=new Array(-,-,-,-,-,-,-2,,,,,,,,); anim_3_x=new Array(-,-,-2,-1,7,,,,,,,,,,,,,); anim_3_y=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-,,,,); anim_4_x=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-); anim_4_y=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-,8,,,,); anim_5_x=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-); anim_5_y=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-8,,,,,); anim_6_x=new Array(-,-,-7,,,,,,,,,,,,,); anim_6_y=new Array(-,-,-,-,-,-,-,-,-,-,-3,,,,,); anim_7_x=new Array(,,-3,-9,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-); anim_7_y=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,,); anim_8_x=new Array(-,,-,,0,,-1,,-,,-,,-,,-,,,,,,,,); anim_8_y=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,-,,,,); anim_9_x=new Array(-,-,-,-,-,-,-,-,-,-,-,-,-); anim_9_y=new Array(-,-,-,-,-,-,,,,,,,); // End --> </script> <body bgcolor="#fef4d9" OnLoad="initMouseEvents()"> <div id="sparks"> <div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">a </div> <div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">b </div> <div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">c </div> <div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">d </div> <div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">e </div> <div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">f </div> <div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">g </div> <div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">h </div> <div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">i </div> <div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">j </div> </div>

Q: 文本随机输出,可以用来作公告栏,一个字一个字的输出,不错。。。 A: 脚本说明: 第一步:把如下代码加入<head>区域中 <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Tarjei Davidsen (the@rescueteam.com) --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! --> <!-- Begin var max=0; function textlist() { max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i]; } tl = new textlist( " 随着INTERNET时代的逐步到来,人们对网络的认识与感知越来越深刻", "上网主要是进行web页面浏览,所以web页面的精彩程度对一个网站的生", "人通过制作个人主页展现自己的才华,而且,由于出现了多种制作网页的软件", "但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的", "JavaScript是Netscape(网景)公司首先推出的一种针对WEB页面的解释型语" ); var x = 0; pos = 0; var l = tl[0].length; function textticker() { document.tickform.tickfield.value = tl[x].substring(0, pos) + "_"; if(pos++ == l) { pos = 0; setTimeout("textticker()", ); if(++x == max) x = 0; l = tl[x].length; } else setTimeout("textticker()", ); } // End --> </script> </HEAD> 第二步:把如下代码加入<body>区域中 <form name=tickform> <textarea name=tickfield rows=3 cols= style="background-color: rgb(0,0,0); color: rgb(,,); cursor: default; font-family: Arial; font-size: px" wrap=virtual>The news will appear here when the page has finished loading.</textarea> </form> 第三步:把<body>改为 <body bgcolor="#fef4d9" OnLoad="textticker()">

推荐整理分享做网页的一些技巧(续)(做网页的流程与步骤),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:做网页教程,学做网页,做网页教程,做网页的一些技巧有哪些,做网页的流程与步骤,做网页的一些技术有哪些,做网页的一些技巧有哪些,做网页的一些技巧,内容如对您有帮助,希望把文章链接给更多的朋友!

做网页的一些技巧(续)(做网页的流程与步骤)

Trackback:

做网页的一些技巧 加入收藏夹代码ahref="javascript:window.external.AddFavorite('

HTTP状态代码以及定义(解释) 最近经常就Ajax请求的状态,或者服务器端跨域请求的状态而烦恼,现在收藏一下下面的文章。在我们平常浏览网页时,也会发现一些文件不存在时显示

<font color=red>Javascript的IE和Firefox兼容性汇编(zz) 1.document.form.item问题(1)现有问题:现有代码中存在许多document.formName.item("itemName")这样的语句,不能在MF下运行(2)解决方法:改用document.formName.elements["eleme

标签: 做网页的流程与步骤

本文链接地址:https://www.jiuchutong.com/biancheng/384887.html 转载请保留说明!

上一篇:javascript的函数(JavaScript的函数中只能写一条代码语句)

下一篇:做网页的一些技巧(制作网页的三大技术)

  • 即征即退的增值税属于政府补助
  • 应付款为什么是负数
  • 一个营业执照可以开几家淘宝店
  • 弱电系统多少钱
  • 内涵报酬率和必要投资报酬率
  • 营业执照经营范围增项如何办理
  • 高铁费可抵扣适用税吗
  • 怎么从其他公司挖人
  • 银行流动性比例公式
  • 账面上现金过多的税务风险
  • 有两种税率的如何填申报表
  • 购买旧资产如何入账
  • 按月计提短期借款利息12000元
  • 红字通知单撤销后系统还能查到吗
  • 货币性短期薪酬影响损益的金额
  • 奖金做预发年底结算缴税怎么做?
  • 职工福利费税前扣除限额
  • 公司迁移注册地税务问题
  • 企业的车辆购置税计入哪个科目
  • 产品成本的计算公式
  • 销售型公司进销项时会计分怎么写?
  • 各省市地税发票怎么开
  • 盈余公积什么时候提取
  • 实缴资本是真的吗
  • 发票没用完可以领发票吗
  • 公司经营情况说明怎么写模板
  • 销售方收到红字信息表
  • 经营用的固定资产
  • 外购固定资产如何入账
  • 应收账款账龄怎么查
  • 汽车厂家金融贴息 是贴利息的还是贴车价
  • 调整上年少计提税金及附加
  • 劳务服务公司可以承包大型工程吗?
  • 盘库存在的问题汇总
  • 附加税享受税收减免的怎么记账
  • linux设置权限规则
  • 鸿蒙系统如何隐藏文件
  • 年底会计结账
  • php批量更新数据库
  • cuda安装步骤
  • vue-cli4创建项目
  • jquery获取值的几种方法
  • python 嵌入
  • 咨询服务业的收入确认原则
  • 企业合并兼并收购的区别和联系
  • 预缴的企业所得税能抵扣企业所得额嘛
  • 注解@entity
  • 企业生产过程中执行标准要把握好以下原则
  • php前台模板
  • 电子商业承兑到期后多长时间能收到款
  • 补交以前年度环保税会计分录
  • 企业所得税的营业收入怎么填
  • 什么是虚开增值发票
  • 附加税减免计入什么科目
  • 费用没有发票先开什么
  • 工程设备租赁有哪些
  • 业务招待费税前列支
  • 用友软件冲销之前凭证怎么操作
  • 残疾人保障金的工资按实发还是应发
  • 费用报销办法
  • 本年利润怎么结账
  • 预收账款最多挂几年
  • 可转换债券转换时的会计处理
  • mysql怎么复制粘贴语句
  • win8系统怎么查看隐藏文件
  • 国产系统叫啥
  • win8如何添加启动项
  • win10怎么设置定时关机和开机
  • xp无法进入桌面怎么办
  • jsp环境变量配置的步骤
  • pphelper是什么文件
  • linux中vi命令是什么意思
  • cocos2dx-js
  • javascript对象的种类
  • unity+
  • 如何用python开发软件
  • 国家电子税务局登录入口
  • 甘肃增值税发票查验平台官网
  • 车辆购置税怎么买
  • 卷票发票丢失怎么办理
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设