jquery怎样实现当鼠标悬停在文字上时加粗文字

在jquery中,可以通过给文字标签绑定鼠标悬停事件,利用css()方法将文字加粗 。 下面小编举例讲解jquery怎样实现当鼠标悬停在文字上时加粗文字 。

jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件,定名为test.html,用于讲解jquery如何实现当鼠标悬停在文字上时加粗文字 。
jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

2【jquery怎样实现当鼠标悬停在文字上时加粗文字】在test.html文件中,利用p标签建立一行文字,用于测试 。
jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

3在js标签内,利用ready()方式,在页面加载完当作时执行function方式 。
jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

4在function方式内,给p标签绑定mou搜索引擎优化ver鼠标悬停事务,当鼠标悬停在p标签文字上时,执行function方式 。
jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

5在mou搜索引擎优化ver事务的function方式内,经由过程css()方式设置文字加粗(font-weight)显示 。
jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

6在浏览器打开test.html文件,鼠标放在文字上,查看成果 。
jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

jquery怎样实现当鼠标悬停在文字上时加粗文字

文章插图

总结:11、利用p标签建立一行文字,用于测试 。 2、在js中,经由过程ready()方式,在页面加载完当作时执行function方式,在function方式内,给p标签绑定mou搜索引擎优化ver鼠标悬停事务,当鼠标悬停在p标签文字上时,经由过程css()方式设置文字加粗(font-weight)显示 。


以上内容就是jquery怎样实现当鼠标悬停在文字上时加粗文字的内容啦,希望对你有所帮助哦!

    推荐阅读