常用的JavaScript代码(三)

文章来自“PHP100中文网”


8.使文字上下滚动
<marquee direction=up scrollamount=1 scrolldelay=100 οnmοuseοver='this.stop()' οnmοuseοut='this.start()'

height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和国
</table> <!-- end head_scrolltext -->
</marquee>

9.状态栏显示该页状态
<base οnmοuseοver="window.status='网站建设 http://www.webmake.cn/' ;return true">

10.可以点击文字实现radio选项的选定
<br>
<input type="radio" name="regtype" value="A03" id="A03">
<label for="A03"> 情侣 : 一次注册两个帐户</label> <br>

11.可以在文字域的font写onclick事件

12.打印</a>打印网页
<a href='javascript:window.print ()'>

13.线型输入框
<input type="text" name="key" size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()

class="line">

14.显示文档最后修改日期
<script language=javascript>
function hi(str)
{
document.write(document.lastModified)

alert("hi"+str+"!")
}
</script>

15.可以在鼠标移到文字上时就触发事件
<html>
<head>
<script language="LiveScript">
<!-- Hiding
function hello() {
alert("哈罗!");
}
</script>
</head>
<body>
<a href="" onMouseOver="hello()">link</a>
</body>
</html>

16.可以根据网页上的选项来确定页面颜色
<HTML>
<HEAD>
<TITLE>background.html</TITLE>
</HEAD>
<SCRIPT>
<!--

function bgChange(selObj) {
newColor = selObj.options[selObj.selectedIndex].text;
document.bgColor = newColor;
selObj.selectedIndex = -1;
}

//-->
</SCRIPT>
<BODY STYLE="font-family:Arial">
<B>Changing Background Colors</B>
<BR>
<FORM>
<SELECT SIZE="8" onChange="bgChange(this);">
<OPTION>Red
<OPTION>Orange
<OPTION>Yellow
<OPTION>Green
<OPTION>Blue
<OPTION>Indigo
<OPTION>Violet
<OPTION>White
<OPTION>pink
</SELECT>
</FORM>
</BODY>
</HTML>

17.将按钮的特征改变
<style type="text/CSS">
<!--
.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF

#CCCCCC #CCCCCC #CCCCFF}
.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;

border-color: #CCFF99 #999999 #999999 #CCFF99}
-->
</style>
  本例按钮的代码如下:
<input type="submit" name="Submit" value="提 交" οnmοuseοver="this.className='style2'"

οnmοuseοut="this.className='style1'" class="style1">

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值