`

javascript控制数字下划线样式（这只是一个例子）

JavaScriptJava 
阅读更多 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
	</head>
	<body>
		<a id="choose1" name="choose" style="cursor:hand;color:black;border-bottom:1px solid black;" onclick="choosePlay('choose1')">1</a>
		<a id="choose2" name="choose" style="cursor:hand;color:black;border-bottom:1px solid black;" onclick="choosePlay('choose2')">2</a>
		
		<script type="text/javascript">
			function choosePlay(id){
				var chooseSS=document.getElementsByName("choose");
				for(var i=0;i<chooseSS.length;i++){
					chooseSS[i].style.cssText="cursor:hand;color:black;border-bottom:1px solid black;";
				}
				var choose=document.getElementById(id);
				choose.style.cssText="cursor:hand;color:blue;font-weight:bolder;";
			}
			
		</script>
	</body>
</html>
分享到：
| Javascript: 为<input>设置readOnly属性问 ...
评论
发表评论

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

相关推荐

    css3js五彩下划线圆角菜单样式.rar

    本资源“css3js五彩下划线圆角菜单样式.rar”就提供了这样一个例子，通过结合CSS3和JavaScript的力量，实现了动态的五彩下划线和圆角效果的菜单。下面我们将详细探讨其中涉及到的关键知识点。 一、CSS3技术 1. ...

    css3下划线跟随文字导航菜单特效.zip

    "css3下划线跟随文字导航菜单特效"就是一个这样的例子，它结合了JavaScript和CSS3的力量，为用户提供了一种新颖且吸引人的导航体验。 首先，让我们详细了解一下这个特效的核心概念： 1. **CSS3选择器和过渡效果**...

    js css3鼠标悬停文字导航菜单下划线效果

    例如，我们可以使用JavaScript监听`mouseover`和`mouseout`事件，根据鼠标的进入和离开来修改下划线样式： ```javascript var menuItems = document.querySelectorAll('.nav-item'); menuItems.forEach(function...

    jQuery鼠标悬停菜单下划线滑出效果.zip

    这个压缩包包含的资源是使用jQuery库实现的一个实例，它使得用户在鼠标悬停在导航菜单项上时，能够看到一个动态的下划线滑出效果，从而引导用户注意力并增加视觉吸引力。 首先，jQuery是一个轻量级、高性能的...

    JavaScript实现简单的树形菜单效果

    本文介绍了如何使用JavaScript实现一个简单的树形菜单效果，通过这个实例，我们可以学习到如何操作DOM、如何通过JavaScript控制样式的变化，以及如何实现一个基本的交互式菜单。 首先，我们需要了解HTML结构。从给...

    绿色下划线的简洁CSS导航代码.rar

    本资源提供的"绿色下划线的简洁CSS导航代码"是一个关于如何使用纯CSS实现一个美观且功能齐全的导航菜单的示例。这个设计强调了简洁性与视觉效果的结合，特别是通过使用绿色下划线来突出当前选中的菜单项，增强了用户...

    CSS3鼠标悬停链接文字下划线动画特效

    例如，创建一个从无到有，再到无的下划线动画，可以这样定义： ```css @keyframes hover-underline { 0% { width: 0; } 50% { width: 100%; } 100% { width: 0; } } ``` 在这个例子中，动画开始时宽度为0，中间...

    CSS3鼠标滑过导航出现下划线动画特效.zip

    `addClass('active')`和`removeClass('active')`则用于添加和移除一个名为`active`的CSS类，这个类可能包含了下划线动画的样式。 此外，`index.html`文件是网页的主体，包含HTML结构，而`css`可能是一个CSS文件，...

    javascript教程

    DOM则是一个由节点构成的树形结构，它描述了文档的结构，JavaScript可以通过DOM操作文档内容、结构和样式。BOM则关注浏览器窗口和框架，提供了与浏览器交互的方法和对象。 ECMAScript语法是JavaScript编程的基础，...

    CSS3鼠标悬停下划线显示特效.zip

    结合"jQuery特效"和"网页特效"的标签，可能这个压缩包还包含了一个使用jQuery来增强或控制这些CSS3特效的例子。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理、动画效果等任务。例如，你可以用...

    js效果：CSS实现超级炫酷的流光按钮效果；在网页中实现文字的一个一个出现

    首先，定义一个按钮的基本样式，例如边框、圆角和内阴影，然后创建一个关键帧动画（@keyframes）来定义颜色变化的过程。例如： ```css .button { padding: 10px 20px; border-radius: 5px; box-shadow: 0 2px 5...

    支持动画下划线效果的二级导航代码

    虽然在这个特定的例子中可能不直接使用`transform`，但在某些复杂的动画下划线效果中，它可以用来改变下划线的位置或形状。 `animation`属性则可以定义更复杂的动画序列，比如使用`@keyframes`规则定义动画的不同...

    javascript 控制超级链接的样式代码

    在这个例子中，`&lt;a&gt;` 标签定义了一个链接，`href` 属性指定了目标 URL，`target="_blank"` 表示在新窗口或标签页中打开链接。 接下来，我们用 JavaScript 来控制这个链接的样式。可以通过修改元素的 CSS 属性来实现...

    CSS3实现的下划线跟随文字导航特效源码.zip

    总之，这个资源为学习和应用CSS3的高级特性提供了一个很好的实践案例，特别是对于那些希望提升用户体验和网页互动性的开发者来说，这是一个非常有价值的参考资料。通过深入研究和实践，你将能够掌握创建类似特效的...

    Jquery控制A标签Css样式

    JQuery是一个快速、简洁的JavaScript库，它极大地简化了JavaScript编程，提供了丰富的DOM操作、事件处理、动画以及Ajax交互功能。通过JQuery，开发者可以更加高效地编写出优雅且易于维护的代码。 #### 二、关键知识...

    javascript经典特效---显示当前页链接.rar

    总结来说，"javascript经典特效---显示当前页链接"是一个关于利用JavaScript检测并高亮当前页面链接的实践。通过比较链接的`href`属性与当前页面URL，我们可以动态地修改链接的样式，提高用户的导航体验。这涉及到对...

    css3下划线跟随文字导航菜单特效

    通过使用JavaScript和CSS3，我们可以创建一个动态的导航菜单，当鼠标悬停在菜单项上时，下划线会随之滑动，同时还可以改变颜色，为用户提供更加直观和引人注目的指示。 首先，我们来看HTML结构。`index.html`文件中...

    javascript经典特效---有立体感的导航条.rar

    本资源“javascript经典特效---有立体感的导航条.rar”提供了一个实现这一目标的示例。在这个压缩包中，包含了一个名为“有立体感的导航条.htm”的文件，该文件很可能是实现这一特效的HTML页面，它可能包含了...

    JSP预备知识-JavaScript

    我的第一个JavaScript程序 &lt;p id="demo"&gt;&lt;/p&gt; var welcome = "欢迎您！ "; var counter = 10; counter++; document.getElementById("demo").innerHTML = welcome + counter; ``` 这个例子展示了如何使用...

    javascript经典特效---用按钮作为链接.rar

    在"用按钮作为链接.htm"这个文件中，我们可能看到一个简单的HTML结构，包含一个按钮元素，其上绑定了一个JavaScript事件监听器。按钮的样式可能被定制得与常规链接相似，但点击时并不会像`&lt;a&gt;`标签那样直接导航，...

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