JavaScript实现超链接效果

最新推荐文章于 2022-06-09 09:29:14 发布

chenhailong118

最新推荐文章于 2022-06-09 09:29:14 发布

阅读量250

点赞数

分类专栏： JspAndFaceWeb 文章标签： javascript ViewUI

JspAndFaceWeb 专栏收录该内容

66 篇文章 0 订阅

订阅专栏

今天看到一个人有这样的问题我实装了一下代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> Test</title>
 </head>
<style>
.changeToA{
		font-size:120%;
		text-decoration:underline;
		cursor:pointer;
		margin:10px;
}
</style>
 <body>
 <div id="test"></div>
<script type="text/javascript">
<!--
	onClickMehthod = function(){
		alert("You click me");
	}
	var btn = "<div class='btnBg'></div><div class='btn'>"; 

	for(var i=1,len=3; i < len; i++) { 
		btn +="<span><a class='changeToA' οnclick='onClickMehthod();'>1</a></span>"; 
		btn +="<span><a class='changeToA' οnclick='onClickMehthod();'>2</a></span>"; 
		btn +="<span><a class='changeToA' οnclick='onClickMehthod();'>3</a></span>"; 
		btn +="<span><a class='changeToA' οnclick='onClickMehthod();'>4</a></span>"; 
		btn +="<span><a class='changeToA' οnclick='onClickMehthod();'>5</a></span>";
		btn +="</div>"
	} 
	document.getElementById("test").innerHTML = btn;
//-->
</script>
 </body>
</html>

希望对那个人有帮助