`

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>

 

希望对那个人有帮助

0
顶
0
踩
分享到：
| Java 解析和转化 Base64位字符串的两种方 ...
评论
4 楼 chenhailong 2012-06-01  
huangyunbin 写道
你的本意是cursor:pointer;  来代替超链接的效果，那你用这个就可以了，为什么好要a标签，还要搞个onclick。好吧，也许我真的没看懂你要表达的是什么意思


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

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

所以想实现一下a的效果 我给他写了一下
3 楼 huangyunbin 2012-06-01  
你的本意是cursor:pointer;  来代替超链接的效果，那你用这个就可以了，为什么好要a标签，还要搞个onclick。好吧，也许我真的没看懂你要表达的是什么意思
2 楼 chenhailong 2012-06-01  
huangyunbin 写道
坑爹啊，a标签都在你怎么说是js实现的？

我只在实现问答频道的一个问题，如果把我写的辅助东西拿走，你看看这个a是干什么的
不懂就别这么说
1 楼 huangyunbin 2012-05-31  
坑爹啊，a标签都在你怎么说是js实现的？
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript 实现点击超链接变换图片

    在JavaScript中实现点击超链接变换图片是一项常见的网页交互功能，主要涉及到HTML、CSS以及JavaScript的基础知识。...以上就是使用JavaScript实现点击超链接变换图片的基本原理和实现方式，希望能对你有所帮助。

    用JS实现多样化的超链接提示效果

    JavaScript（JS）作为浏览器端最常用的脚本语言，可以用来实现丰富多样的超链接提示效果，以提升用户体验和交互性。本文将深入探讨如何利用JS实现这些功能。 首先，让我们了解超链接的基本结构。在HTML中，我们通常...

    实现超链接风格的按钮

    要实现超链接的功能，我们需要监听按钮的点击事件，并在点击时使用window.location.href来改变页面地址。 ```javascript document.getElementById('myLinkButton').addEventListener('click', function(event) { ...

    jQuery+CSS实现淡入效果的超链接样式

    本文将深入探讨如何使用jQuery和CSS技术来实现超链接的淡入效果，提升用户体验，使得页面交互更加生动有趣。 首先，我们要了解jQuery库。jQuery是一款广泛应用于前端开发的JavaScript库，它简化了JavaScript的DOM...

    javascript实现类似超链接的效果

    接下来，文件中提供的代码是一个简单的JavaScript示例，演示如何使用上述事件实现自定义的超链接效果。代码中定义了两个函数`mOver`和`mOut`，它们分别用于处理`mouseover`和`mouseout`事件。这两个函数接受一个参数...

    js超链接伸缩特效js超链接伸缩特效

    在网页设计中，JavaScript是一种非常重要的脚本语言，它能够为用户提供...通过对这些代码的学习和理解，开发者可以进一步掌握如何用JavaScript实现超链接的伸缩特效，并将其应用到自己的项目中，提升网站的用户体验。

    JavaScript点击超链接右边显示一个小图标（标记）案例

    在JavaScript编程中，实现点击超链接后在右侧显示一个小图标或标记的功能，是网页交互设计中常见的一种增强用户体验的方式。这种效果通常用于突出显示用户已选择的项目，或者表示某个操作的状态。以下将详细讲解如何...

    iphone实现类似javaScript点击按钮超链接的功能

    本文将详细讲解如何使用Objective-C来实现在iPhone上点击按钮后跳转到指定的网页，类似于JavaScript中的超链接效果。 首先，你需要熟悉Objective-C语言，这是iOS开发的主要编程语言，同时也要了解Xcode，它是Apple...

    jQuery-CSS-实现澹入效果的超链接样式.rar

    在这个项目中，jQuery将被用来实现超链接的动态效果。基本的jQuery语法结构是`$(selector).action()`, 其中`selector`用于选择元素，`action()`则是执行的动作。 CSS（层叠样式表）则负责定义页面的布局和样式。在...

    javascript禁止超链接跳转的方法

    在Web开发中，控制超链接的行为是一种常见的需求，尤其是在实现一些特效和交互的时候，我们可能会希望在点击链接时阻止浏览器默认的跳转行为，而执行一些JavaScript函数。本文将详细介绍如何使用JavaScript禁止...

    关于润乾报表超链接调用js文件实现可交互

    要实现超链接调用js文件，我们需要完成以下几个步骤： 1. **创建超链接**：在润乾报表设计器中，选择要设置超链接的单元格或图形，然后在属性面板中配置超链接。链接地址可以填写为本地或网络上的js文件路径，例如`...

    js实现网页超链接失效，不能点击.zip

    在这个例子中，"index.html"很可能展示了如何使用JavaScript或jQuery来实现超链接失效的效果。开发者可以通过打开这个文件，查看其中的HTML结构和脚本，了解具体实现方式。 "js"文件可能包含了实现超链接失效功能的...

    基于jQuery鼠标经过超链接动画效果代码.zip

    "基于jQuery鼠标经过超链接动画效果代码.zip"这个压缩包显然包含了一组实现超链接悬停时动画效果的代码。让我们详细探讨一下这个主题。 首先，jQuery中的`.hover()`方法是实现鼠标悬停效果的关键。这个方法接受两个...

    18种基于html5 svg和css3的神奇超链接动画效果

    这些特性使得开发者可以轻松地实现元素在不同状态间的平滑过渡，创造出令人惊叹的视觉效果。在这些超链接动画中，可能包含了颜色变化、形状转换、路径运动等多种CSS3技术的综合运用。 在提供的文件列表中，我们可以...

    js和CSS3鼠标悬停超链接展示图片特效

    【JavaScript与CSS3实现超链接图片特效】 在网页设计中，增强用户体验的一种常见方式是通过交互效果来吸引用户的注意力。本教程将介绍如何利用JavaScript和CSS3技术在鼠标悬停超链接时展示图片特效，为用户提供更为...

    超链接打开网页嵌套层

    结合使用JavaScript和CSS，我们可以实现各种动态效果，比如模拟“关灯”效果，即点击链接后，背景变暗，嵌套层的内容逐渐显现。这可以通过调整背景颜色的透明度和嵌套层的显示状态来实现。 在提供的压缩包文件中，...

    HTML5超链接悬停显示图片特效.zip

    当用户将鼠标光标悬停在超链接上时，它会展示一个预设的图片，甚至可以实现多张图片的切换效果，从而增加信息的视觉吸引力和用户的参与度。 在实现这种特效时，通常会用到以下几个关键技术和概念： 1. **HTML...

    jQuery鼠标滑过超链接动画特效2.zip

    开发人员可以通过解压"jQuery鼠标滑过超链接动画特效2.zip"，查看源代码来学习如何实现这些效果，这对于提升JavaScript和jQuery技能非常有帮助。 为了应用这些特效，你需要在HTML文档中引入jQuery库，然后将对应的...

Magicbox
Global site tag (gtag.js) - Google Analytics