JavaScript兑现超链接效果-JavaSript-爱易网页

JavaScript兑现超链接效果

日期：2014-05-16　浏览次数：20522 次

JavaScript实现超链接效果

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

<!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' onclick='onClickMehthod();'>1</a></span>"; 
		btn +="<span><a class='changeToA' onclick='onClickMehthod();'>2</a></span>"; 
		btn +="<span><a class='changeToA' onclick='onClickMehthod();'>3</a></span>"; 
		btn +="<span><a class='changeToA' onclick='onClickMehthod();'>4</a></span>"; 
		btn +="<span><a class='changeToA' onclick='onClickMehthod();'>5</a></span>";
		btn +="</div>"
	} 
	document.getElementById("test").innerHTML = btn;
//-->
</script>
 </body>
</html>

希望对那个人有帮助

1 楼 huangyunbin 2012-05-31

坑爹啊，a标签都在你怎么说是js实现的？

2 楼 chenhailong 2012-06-01

huangyunbin 写道

坑爹啊，a标签都在你怎么说是js实现的？

我只在实现问答频道的一个问题，如果把我写的辅助东西拿走，你看看这个a是干什么的
不懂就别这么说

3 楼 huangyunbin 2012-06-01

你的本意是cursor:pointer; 来代替超链接的效果，那你用这个就可以了，为什么好要a标签，还要搞个onclick。好吧，也许我真的没看懂你要表达的是什么意思

4 楼 chenhailong 2012-06-01

huangyunbin 写道

他是带a的不好意思，可能题目让你误解了

他的问题主要是实现点击效果，然后再点解中放下a的操作，不过href中老是有额外的字符

所以想实现一下a的效果我给他写了一下

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JavaScript兑现超链接效果

相关资料更多>

推荐阅读更多>