编辑主页 > 列表 > 正文
常用网页(HTML)代码
作者:age 发布时间:2018/07/08 10:35:02 分数:0 跟帖:3
1、滚动文字代码  在网页上会看到有滚动的文字,制作方法如下:1.1、向左滚动 <marquee scrollAmount=2 width=650>欢迎光临 夕阳晚情</marquee>1.2、向上滚动<DIV align=center><MARQUEE style="WIDTH: 150px; HEIGHT: 100px" scrollAmount=1 direction=up bgColor=#ffffccheight=167><FONT face=宋体 color=#ffffcc size=4>  <DIV align=center><BR>  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>月季花  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>虎刺梅  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>山茶花  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>郁金香  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>草茉莉  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>紫罗兰  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>仙人掌  </FONT></B></P>  </DIV></FONT></MARQUEE></DIV  使用说明:  在网页上建立一个窗口,将以上代码放入其中,即可向上滚动。  "WIDTH: 200px; HEIGHT: 150px" 滚动窗口大小。  scrollAmount=1 滚动的速度 1 为适中,2 较快。  direction=up 滚动的方向 up 是由下向上。  face=宋体 使用何种字体。  bgColor=#ffffcc 窗口的底色 #ffffcc 为浅黄色。  "LINE-HEIGHT: 50%" 文字的间距。  align=center 文字的位置 center 代表居中。  color=#ff0000 文字的颜色 #ff0000 为红色。  size=4 文字的大小 4 为适中。  将需要滚动的文字,按次序输入到此语句后面即可,如紫罗兰  <P style="LINE-HEIGHT: 50%" align=center><FONT color=#ff0000 size=4>紫罗兰
更新时间:2018/7/8 10:35:42


网友跟帖 共3 条 [我也要发表回复]
删除回复age - 回复于2018/7/8 10:36:35
1
2、图片上加透明flash代码2.1、先看看代码    红色代码是背景图片的边框代码(也就是一个方框表格),后面的红色代码是边框代码的结束标记(也可以不要,系统会自动生成),黑色代码(包括蓝色代码)是透明flash动画代码,也就是把flash动画代码放在边框代码和结束标记之间.<P><TABLE style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; BORDER-BOTTOM: 0px solid" height=386 cellSpacing=0 cellPadding=0 width=590 align=center background=背景图片地址 border=0><TBODY><TR><TD><EMBED style="DISPLAY: block" align=right src=透明flash动画地址 width=580 height=250 type=application/x-shockwave-flash allowNetworking="internal" loop="0" wmode="transparent"></EMBED><EMBED style="DISPLAY: block" align=right src=透明flash动画地址 width=580 height=150 type=application/x-shockwave-flash allowNetworking="internal" loop="0" wmode="transparent"></EMBED> <EMBED style="DISPLAY: block" align=right src=透明flash动画地址 width=580 height=115 type=application/x-shockwave-flash allowNetworking="internal" loop="0" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></P> 2.2、怎样在一张背景图片上放多个透明flash动画特效呢? 2.2.1、如果只放一层透明flash动画,动画代码中的align=right 就可以删去不要; 2.2.2、如果要在背景图片上放几个透明flash动画,那就将动画代码复制粘贴几次依次排列于后,切记,复制粘贴的动画代码中,src的前面必须加上align=right ,否则几个动画就不是叠放的了,那就会按上、中、下的顺序依次排列了,这个align=right 代码是叠放的关键; 2.2.3、代码复制粘贴好后,就选择你喜欢的图片网址粘贴在背景图片地址处,选择你喜欢的动画地址依次粘贴在透明flash动画地址处; 2.2.4、如果宽度(width)和高度(height)不合,就调一下它们的值,背景图片的高度和宽度在红色代码中调,动画的高度和宽度在黑色代码中调。 2.2.5、上面的代码是贴了三层透明flash动画的示范,每层以<EMBED ……开头,以</EMBED>结尾,你可以按需要增减层数。 2.2.6、使用小巧门    如果你想使某个动画往下一些,你可以在那层透明flash动画代码前多加几个“<P>&nbsp;</P>”,但你必须要调小那层透明flash动画代码的高度(height)。    如果你想使某个动画往右些,你可以在那层透明flash动画代码前多加几个“&nbsp;”,你也必须要调小那层透明flash动画代码的宽度(width)。这些JS代码全部应用在HTML页代码中。在<head>和</head>之间。外部做一个单独的XX.JS文件。JS里的效果实现代码全部放在这里面。然后再在要引用的页面上加上下面的一些链接式代码即可。 3、浏览网页时,在页面上弹出信息1)<Script Language="JavaScript">alert("这也是一个弹出对话框!");</Script>2)<Script Language="VBScript">MsgBox "你输入有误,请重新输入!"</Script>
删除回复age - 回复于2018/7/8 10:37:36
2
4、打开窗口弹出对话框代码,放在body任何位置<SCRIPT LANGVAGE="JAVASCRIP"><!--   WINDOW-OPEN:'PAGE.HTML', 'new window', 'height= , width= ,top= left= tollbar=yes/no滚动栏是否显示, menubar=yes/no菜单栏,scrollbars=yes/no,   resizable=yes/no改变窗口大小, location=yes/no显示地址栏,status=yes/no显示状态栏内的信息//-></SCRIPT> 5、我需要作这样一个连接,点击弹出一个新窗口(新窗口不能有滚动条、不能有状态栏、不能有工具栏)height=100:窗口高度width=100:窗口宽度top=0:窗口距离屏幕上方的像素值left=0:窗口距离屏幕左侧的像素值toolbar=no:是否显示工具栏,yes为显示menubar,xcrollbars:表示菜单栏和滚动条status=no:是否显示状态栏内信息,yes为允许 6、最基本的弹出窗口代码  <SCRIPT LANGUAGE='javascript'>  <!--  window.open ('page.html')  -->  </SCRIPT> 7、用JS控制出现对话框的顺序;在头部里,标题下。<script language="javascript">var x;x=prompt("我们认识吗,点击确定输入你的大名,看我们是否以前认识。","1");document.write("不知道"+x+"<br>") // "+"用来连接多个字符串document.write("我们可能以前在网上聊过天吧?不过我不能加你。因为我不知道你");alert("欢迎下次光临!");</script> 8、显示时间<script language="javascript"><!--var now=new Date( );var hour=now.getHours();if (hour>=0 && hour <=12)document.write("上午好");if (hour>12 && hour <18)document.write("下午好");if (hour>18 && hour <24)document.write("晚上好");
document.write("<p> 今 天 日 期:"now.getYear()+"年"+(now.getMonth( )+1)+"月"+now.getDate()+"日");document.write("<p> 现 在 时 间:"now.getHours()+"点"+now.getMinutes( )+"分"+now.getSeconds( )+"秒");// --></script> 9、正在运行的时间(只是显示出来,具体还要看调用的情况)<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>正在运行的时钟</title><script language="JavaScript"><!--function disptime( ){var time = new Date( ); //获得当前时间var hour = time.getHours( ); //获得小时、分钟、秒var minute = time.getMinutes( );var second = time.getSeconds( );var apm="AM"; //默认显示上午: AMif (hour>12) //按12小时制显示{hour=hour-12;apm="PM" ;}if (minute < 10) //如果分钟只有1位,补0显示minute="0"+minute;if (second < 10) //如果秒数只有1位,补0显示second="0"+second;
document.myform.myclock.value =hour+":"+minute+":"+second+" "+apm;
var myTime = setTimeout("disptime",1000);}//--></script><style type="text/css"><!--
input{font-size:50px;color:#CC0000;border-style:none;}--></style></head><body onLoad="disptime( )"><form name="myform"><div align="center"><input name="myclock" type="text" value="" size="15"></div></form></body><html>

删除回复age - 回复于2018/7/8 10:38:51
3
10、打开关闭窗口<script> function openwindow(){window.open("google.html"); //window可省略}function closewindow(){window.close(); //window可省略}</script>………………<body><form><input type="button" value="打开窗口" onClick="openwindow()"><input type="button" value="关闭窗口" onClick="closewindow()"></form></body> 11、网页漂浮物<html><head><script language="javascript">function move( ){// getElementById( )方法根据ID名称获得层对象Layer1 解释:层的起点位置坐标随机改变。document.getElementByIdx("Layer1").style.left=Math.random( )*500;    //产生 0~1的随机数document.getElementByIdx("Layer1").style.top=Math.random()*500;setTimeout("move()",800); //解释后最后一句:每隔800毫秒,循环调用move()函数,达到随机飘浮的效果}</script></head><body onLoad="move()""><div id="Layer1" style="position:absolute; left:14px; top:44px; width:150px; height:102px; z-index:1"><a href="http://www.9369.net"><img src="piaofu.jpg" width="150" height="100"></a></div><h2>随机漂浮的广告</h2></body><html> 12、变背景色(根据鼠标移动到不同的地方,想要背景色显示的颜色)<head><meta http-equiv="content-type" content="text/html; charset=gb2312"><title>改变背景颜色</title><script language="javascript">function change(color){document.bgColor=color ; //改变页面的背景色}</script></head><body><h2>移过来我变色给你看看!</h2><font size="4"><span onMouseOver="change('red')">变红色</span><span onMouseover="change('blue')">变蓝色</span><span onMouseover="change('yellow')">变黄色</span></font></body>   
版区推荐 >>
广告区