在a标签内添加hover样式的方法:

<a href="javascript:void(0);" onmouseover="this.style.color=‘yellow‘;" onmouseout="this.style.color=‘blue‘;" onclick="this.style.color= ‘red‘;">链接</a>

onmouseout代表a:link

onclick代表a:visited

onmouseover代表a:hover

原文地址:https://www.cnblogs.com/hshen/p/10242461.html

时间: 2024-11-01 01:12:36

在a标签内添加hover样式的方法:的相关文章

div style标签内嵌CSS样式

我们在DIV标签内.SPAN标签内.p标签等html标签内使用style属性直接设置div的样式. 一.在<div>标签内使用style设置css样式   -   TOP 1.实例html源代码片段: <div style="font-size:14px; color:#F00">设置字体大小14px,颜色为红色</div> 2.div标签内使用style设置样式截图 div标签内设置样式截图 二.在<span>标签内使用style设置c

Js + Bootstrap Table + adminlte - 自定义formatter,在表格内添加箭头样式,调整列宽

var drawDataTable=function(chartId){ var dataList = [ { "criteria": "q>100", "count": "400 up", "cRatio": "10% up", "pRatio": "60% up" }, { "criteria": "50&l

非内联css样式获取方法

css样式分为内联样式.内部样式和外部样式,然而object.style.xxx只能够获取内联样式的属性值,内部样式和外部样式的css样式获取不到 js获取方法使用document.defaultView.getComputedStyle().currentStyle() 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 &

【写一个自己的js库】 5.添加修改样式的方法

1.根据id或class或tag修改样式,样式名是-连接格式的. function setStyleById(elem, styles){ if(!(elem = $(elem)) return false; for(prop in styles){ if(!styles.hasOwnProperty(prop)) continue; if(elem.style.setProperty){ elem.style.setProperty(prop, styles[prop]); }else{ el

a标签添加:hover,在ios上需要点击2次才能跳转

最近发现之前的做的网站在移动端上有个bug,就是我在pc端给tab加了hover样式,但是在ios移动端查看效果时,因为添加了hover需要点击2次,第一次点击是给tab添加hover样式,第二次点击a标签才跳转 因为们的网站不是响应式的,但是又要求在移动端可以正常浏览,所以我的解决方法是:把hover样式用js替代css写法,然后判断是移动端或只判断ios时取消hover事件.最后完美解决. ps:在求助度娘的时候,看到如果你的网站是响应式的可以使用如下方法解决: (1)网页头部添加meta

8添加一些样式:开始学习CSS

CSS中简单的表达式,成为规则.一个典型的规则包括一个选择符.若干属性和属性值. 1.在XHTML中直接添加CSS样式,必须在<head>元素里添加样式开始和结束标记.(但这未必是最好的方法) <style type="text/css"> ..... </style> color属性用于改变字体颜色.font-family属性用来设置字体的格式.border-bottom属性用来控制元素下划线的外观(如border: 1px solid black

总结php删除html标签和标签内的内容的方法

经常扒别人网站文章的坑们:我是指那种批量式采集的压根不看内容的,少不了都会用到删除html标签的函数:这里介绍3种不同用途上的方法: $str='<div><p>这里是p标签</p><img src="" alt="这里是img标签"><a href="">这里是a标签</a><br></div>'; 1:删除全部或者保留指定html标签 php自带的

我给女朋友讲编程CSS系列(1) –添加CSS样式的3种方式及样式表的优先权

如果说,原生态就是美,那么,我们就没有必要穿衣打扮. 网页是什么? 说白了,网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 一个人的整容效果,很大程度上取决于Ta本人,也就是原材料,对网页来说,原材料就是html标签,因此设计优秀的html标签结构十分重要. 整容医生的作用也至关重要,割双眼皮,整容医生的基本功,不同医生割出来的效果不同. 作为一个网页设计师,我们是不是应该追求完美,尽最大努力,让网页漂亮一些. 我知道,我们往往自称

刷新页面后怎样让hover样式停留不消失

一.网站导航栏 我们所熟知的网站导航栏,无非就是网站标题以横.纵向方式排列,用户点击以后进入相应的页面来展示网站内容,达到传达信息的目的. 用户点击进入一个页面,如果在刷新后此导航栏有文字有相应的颜色.背景变化,那么将会有一个很好的用户体验,此时就涉及到CSS的hover样式.jQuery的触发事件了. 二.hover样式 鼠标扫过文字时,文字的背景.颜色变化,这样做很简单: a:hover{},一句话就可以搞定:但如果要点击刷新后仍然存在鼠标刷新的样式,就有点上层次了. 具体问题具体分析: 1