![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
scorpion喵喵
喜欢学习的天蝎女孩喵喵。
展开
-
jQuery中的DOM-超链接提示显示效果
在现代的浏览器中,超链接已经有自带的提示效果,只需在<a>标签中添加<title>属性就可以。代码如下:<a href="#" title="这是我的超链接提示。">提示.</a>但是这个提示效果十分缓慢,要达到较好的人机交互,需要鼠标移动到超链接的一瞬间就出现提示。可通过移除<a>中的<title&原创 2018-07-30 12:09:42 · 333 阅读 · 0 评论 -
jQuery中的DOM操做-图片提示效果
图片提示效果就是当鼠标滑过图片时,提示大图片及说明文字。参考超链接提示的代码,我们对改动的地方详细介绍1创建<div>元素,图片提示var tooltip="<div id='tooltip'><img src='"+this.href+"' alt='产品预览图'></div>"2 根据超链接的titles属性来获得图片相应的介绍...原创 2018-07-30 18:54:08 · 358 阅读 · 1 评论 -
jQuery中的DOM操做-样式操做
1 获取样式和设置样式利用attr()方法来实现该功能<1>获取var p_class=$("p").attr("class"); //获取p元素的class<2>设置var p_class=$("p").attr("class","high"); //p元素的class为high2 追加样式利用addClass()方法来原创 2018-07-30 19:45:18 · 203 阅读 · 0 评论 -
jQuery中的DOM操做-设置和获取HTML.文本和值
1 html()方法类似于js中的innerHTML属性,用来读取或设置某个元素的html内容<1>读取var p_html=$("p").html();<2>设置$("p").html("<strong>你喜欢的水果是?</strong>"); //设置<p>元素的html代码2原创 2018-07-30 21:20:50 · 372 阅读 · 0 评论 -
jQuery中的事件和动画-视频展示效果
效果展示完整代码css样式此处没有写,大家可以下去自己详细研究。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>视频提示效果</title> <script src="../jquery-3.3.1.原创 2018-08-01 11:37:07 · 366 阅读 · 0 评论