手机版

jQuery实现了鼠标经过时隐藏图层文本链接的方法

时间:2021-10-01 来源:互联网 编辑:宝哥软件园 浏览:

本文描述了jQuery实现鼠标传递时隐藏层文本链接的方法。分享给大家参考。具体如下:

这里,我们演示了Jquery显示隐藏层的方法。鼠标经过时会出现文本链接,模拟评分效果。这里没有动作,只显示前景效果的实现。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/

具体代码如下:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;Charset=utf-8' /titleJQ显示隐藏层。当鼠标经过/title style . list span { display : none }/style script type=' text/JAVAScript ' src=' http : jquery-1 . 6 . 2 . min . js '/script script type=' text/JAVAScript ' $(function(){ $()。列表Li’)。悬停(function(){ $(this))。查找(' span ')。show();},function(){ $(this)。查找(' span ')。hide();});});/script/head dyul class=' list ' lia href=' # '文本链接/a emdisplay /em spana href='# '好评/a a a href=' # '中等评论/a a href='# '差评/a/span/li lia href='# '文本链接/a emdisplay/Em spana href='# '好评/a href=' # '中等评论/a href=' # '差评/a/span/li lia href='# '文本链接Li href=' # '文本链接/a emdisplay /em spana href='# '好评/a a href='# '中等评论/a a href='# '差评/a/span/li lia href='# '文本链接/a emdisplay /em spana href='# '好评/a a href='。A href=' # '差评/a/span/li/ul/body/html希望这篇文章对大家的jQuery程序设计有所帮助。

版权声明:jQuery实现了鼠标经过时隐藏图层文本链接的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。