摘要: 这里是简单的js放大镜功能的实现 主要使用了三种鼠标事件类型进行操作(mouseenter,mousemove,mouseleave) 实际原理是利用原始图片盒子中的放大镜进行位移,让放大的图片在右边的盒子进行相反方向的等比例位移,以此达到放大商品的效果 先写好html,代码如下: html代码很简 阅读全文
posted @ 2021-11-10 13:19 wangyi_fei 阅读(62) 评论(0) 推荐(0)
摘要: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 jquery添加元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被 阅读全文
posted @ 2021-11-10 13:17 wangyi_fei 阅读(61) 评论(0) 推荐(0)
摘要: jQuery插入元素的方法: append(): 向每个匹配的元素内部追加内容. appendTo(): 将所有匹配的元素追加到指定的元素中,即$(A).appendTo(B),是将A追加到B中. prepend(): 向每个匹配的元素内部前置内容. prependTo(): 将所有匹配的元素前置到 阅读全文
posted @ 2021-11-05 23:20 wangyi_fei 阅读(38) 评论(0) 推荐(0)
摘要: 1.参数 speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000) easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear" fn:在动画完成时执行的函数,每个元素执行一次。 2. 阅读全文
posted @ 2021-11-05 23:13 wangyi_fei 阅读(39) 评论(0) 推荐(0)
摘要: 一,基本选择器 1.#id 2.element 3..class 4.* 5.selector1,selector2,selectorN 二,ajax请求 $.ajax(url,[settings]) $.get(url,[data], [fn].[type]) $.getJSON(url,[dat 阅读全文
posted @ 2021-11-02 23:33 wangyi_fei 阅读(32) 评论(0) 推荐(0)
摘要: 1.lable标签 label 标签为 input 元素定义标注(标签)。 作用: 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点 如何绑定元素呢? for 属性规定 label 与哪个表单元素绑定。 <label for="male">Male</label 阅读全文
posted @ 2021-11-01 21:31 wangyi_fei 阅读(76) 评论(0) 推荐(0)
摘要: d(#),class(.)id指令:# ; class指令:div#testdiv.test子节点(>),兄弟节点(+),上级节点(^)子节点指令:> ; 兄弟节点指令:+ ; 上级节点:^div>ul>li>pdiv+ul+pdiv>ul>li^div (这里的^是接在li后面所以在li的上一级, 阅读全文
posted @ 2021-10-29 13:06 wangyi_fei 阅读(57) 评论(0) 推荐(0)
摘要: HTML的全称为超文本标记语言,是一种标记语言,它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图像,动画,声音,表格,链接等。 HTML的英文全称是 Hyper Tex 阅读全文
posted @ 2021-10-28 13:03 wangyi_fei 阅读(36) 评论(0) 推荐(0)
摘要: 1.定位(position ) 通过"left", "top", "right" "bottom" 来进行定位 2. dl dt dd 定义列表 定义列表 <dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。 3.dotted:是来定义边框的:点状边框 rela 阅读全文
posted @ 2021-10-26 21:30 wangyi_fei 阅读(32) 评论(0) 推荐(0)
摘要: (一) 1.background-image:url();添加图片; 2.no-repeat:背景图片不平铺,只展示一次; 3.background-position:水平位置(x轴) 垂直位置(y轴), 如果再次想使用该图片,根据自己的需要调整x y轴即可。 (二) 1.并集选择器 通过选择器分组 阅读全文
posted @ 2021-10-25 21:12 wangyi_fei 阅读(92) 评论(0) 推荐(0)