读书人

JavaScript兑现超链接效果

发布时间: 2012-07-02 17:46:23 作者: rapoo

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

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

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

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

读书人网 >JavaScript

热点推荐