位置: 编程技术 - 正文

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

编辑: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的函数中只能写一条代码语句)

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

  • 个人所得税申报操作流程2023
  • 实收资本印花税如何申报
  • 家具厂投入多少钱
  • 购买冰箱微波炉注意事项
  • 劳务报酬收入是否含税
  • 收到税务局汇算清缴通知
  • 申报过后财务报告怎么查
  • 存款利息收入增值税是免税还是不征税
  • 增值税加计扣除账务处理
  • 预借差旅费凭证填写
  • 土地转让差额征税开票及申报表填写
  • 应交税费不核算
  • 技术开发费税率13还是60
  • 自来水企业应该交什么税
  • 票据转让后本公司还有责任吗
  • 进项票下个月才能到,怎么避免交税
  • 银行短期理财利息怎么算
  • 总公司分派人员到分公司工作
  • 研发支出的台账由谁做
  • 行政单位发票报销的签字程序
  • 供应商已注销欠的发票怎么办?
  • 增值税专用发票怎么开
  • 现金日记账有哪几种
  • 腾讯管家游戏加速怎么开
  • 收到个人所得税退税手续费分录
  • 电子承兑汇票怎么用
  • 个人所得税算少了怎么办
  • 建筑劳务公司的成本有哪些,怎么做账
  • php数组函数实现机选双色球
  • 部分苹果iOS17功能延后推出
  • 支付货款的流程
  • 公益慈善事业捐赠个人所得税
  • 男人喜欢什么样的女人最容易动心
  • 国有划拨土地给集体企业怎么办
  • php发送短信
  • 利润的构成要素包括
  • laravel 关联
  • 小狐狸吧
  • vue显示pdf
  • 优化in
  • 个体户缴纳的税有哪些
  • php 方法
  • vant表单验证并提交表单
  • 优先股可转让吗
  • 端午节补几天工资
  • 增值税纳税申报实训报告
  • 住宿发票规格型号一栏写什么
  • 企业应缴纳税款
  • 金蝶专业版仓库管理怎么结账
  • 无形资产175加计扣除例题
  • 接受捐赠的固定资产按什么入账
  • 发票未及时开,但是双方会计已经做帐,怎么办?
  • 二手车如何计提折旧费
  • 公司购买的公司用车
  • 补交增值税如何入账
  • 利息税额计算公式
  • 主营业务收入包括哪些内容
  • mysql查询时间语句
  • Linux/Mac MySQL忘记密码怎么办
  • 系统磁盘碎片整理
  • linux中使用fdisk命令进行硬盘分区
  • win7电脑系统如何
  • WIN7系统如何恢复出厂系统
  • windows8能免费升10吗
  • windows执行bat命令
  • Win10 Mobile RedStone预览版14283更新内容汇总
  • js让按钮不能点击
  • cocoscreator分包
  • javascript对象的属性和方法
  • Jquery Ajax Error 调试错误的技巧
  • jquery插件是干什么的
  • selenium csdn
  • nodejs登录成功跳转
  • 原生js import
  • 举例简介三国演义人物塑造的主要手法
  • 税务局 章
  • 矿产资源税的计税依据
  • 稽查局积案清理工作成效显著
  • 13%增值税发票怎么抵扣
  • 中央财经大学法学院
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设