
jq
文章平均质量分 66
吃葡萄不吐葡萄皮嘻嘻
。
展开
-
css+jq实现简单万花筒滚动效果
css + jq 实现万花筒滚动效果原创 2022-09-14 11:41:24 · 782 阅读 · 0 评论 -
jq实现瀑布流
效果图如下: <style> * { margin: 0; padding: 0; } .box { width: 100%; position: relative; } .item { position: absolute; } .item img原创 2021-07-20 14:39:30 · 186 阅读 · 0 评论 -
animation实现图片翻转
移入翻转:代码如下: <style> div { position: relative; margin: 100px auto; width: 100px; height: 100px; overflow: hidden; border: 1px solid #ccc; } div img {原创 2021-06-28 10:43:57 · 512 阅读 · 0 评论 -
magnifierrentgen(放大镜)插件的使用
效果图如下:1.引入jQuery和jQuery.MagnifierRentgen.min.js以及jQuery.MagnifierRentgen.min.css <!-- 引入css --> <link rel="stylesheet" href="./jQuery.MagnifierRentgen.min.css"> <!-- 引入js --> <script src="https://cdn.bootcdn.net/ajax/原创 2021-06-18 11:42:43 · 589 阅读 · 0 评论 -
bootstrap轮播图简单使用
bootstrap官网链接小demo效果如下(忽略样式):将每页的数据动态渲染上去,每页几条数据自己定义1.定义数据结构如下: let bestGoodsList = [ { name: "美国商标" }, { name: "英国商标" }, { name: "澳大利亚商标" }, { name: "日本商标" }, { name: "新加坡商标" },原创 2021-06-04 16:28:10 · 431 阅读 · 0 评论 -
jQuery stop() 方法
效果图:jQuery stop() 方法用于在动画或效果完成前对它们进行停止。jQuery stop() 方法用于停止动画或效果,在它们完成之前。语法: $(selector).stop(stopAll,goToEnd);参数说明:可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画,默认是 false。默认地,stop() 会清除在被选元素上指定的当前动画原创 2021-05-21 11:00:47 · 512 阅读 · 0 评论 -
JQ实现二级菜单联动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>二.原创 2021-04-30 11:49:59 · 503 阅读 · 0 评论 -
layui如何解决form表单下拉框,单选框,多选框显示失败的问题
正常显示如下图非正常显示如下图:解决方法如下:1.首先 官网下载包2.在页面引入layui.css和lauyi.js(jq需在lauyi.js前引入,否则会报$ is not defined;路径一定要写对)<link rel="stylesheet" href="./layui/css/layui.css" media="all"><script src="./layui/jquery.min.js"></script><style>原创 2021-04-07 14:57:32 · 2882 阅读 · 0 评论 -
jquery实现电梯导航
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>楼层导航3</title> <style> * { margin: 0; padding: 0; } #container { width: 900px原创 2021-03-29 11:27:23 · 451 阅读 · 0 评论 -
jq实现下拉框的change事件获取选中的值
jq获取选中的value值 <select name="" id="sel"> <option value="" selected hidden>请选择输入方式</option> <option value="电话">电话</option> <option value="微信">微信</option> <option value="QQ">QQ</option> <opti原创 2021-03-26 11:41:06 · 2891 阅读 · 0 评论