摘要: 利用jquery实现缓慢返回顶部 Html代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min. 阅读全文
posted @ 2020-05-27 09:44 老和尚106 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 今天在做项目的时候有需要用到多选框,并且因为ui的关系,需要稍微美化一下多选框,所以找到了实现方法,挺实用的,不需要脚本就能实现。 我这个是用背景图片的原理实现的,如果不喜欢这个样式,直接更换背景图就可以了 效果: Html: <input type="checkbox"/> <input type 阅读全文
posted @ 2020-05-27 09:38 老和尚106 阅读(980) 评论(0) 推荐(0) 编辑
摘要: jQuery实现基本动画效果的方法详解 Html: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1.min 阅读全文
posted @ 2020-05-27 09:33 老和尚106 阅读(266) 评论(0) 推荐(0) 编辑
摘要: jQuery 实现点击小图切换大图; 效果: HTML: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.1. 阅读全文
posted @ 2020-05-27 09:26 老和尚106 阅读(573) 评论(0) 推荐(0) 编辑
摘要: jQuery控制网页打印指定区域的方法; 先上效果图 Html: <div id="printArea" style="width: 500px; text-align: left;"> <table> <thead> <tr> <th>1</th> <th>2</th> <th>3</th> <t 阅读全文
posted @ 2020-05-27 09:21 老和尚106 阅读(1655) 评论(0) 推荐(0) 编辑
摘要: jq控制输入框只能输入英文 Html: <input class="zwen" type="text" placeholder="请输入英文" /> Js: //英文验证 $("body").on("change", ".zwen", function(){ var textzwen =$(this 阅读全文
posted @ 2020-05-27 09:13 老和尚106 阅读(588) 评论(0) 推荐(0) 编辑
摘要: jq 让一个弹窗在屏幕中随意飘动,到屏幕边缘就回弹。 效果: css: #box { width: 100%; height: 100%; position: fixed; border: 1px solid red; margin: 0; top: 0; left: 0; } #boll { wi 阅读全文
posted @ 2020-05-27 09:09 老和尚106 阅读(278) 评论(0) 推荐(0) 编辑
摘要: jQuery实现的网站banner图片无缝轮播效果完整实例 先看效果图: Html 代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>banner轮播</title> <script type="text/javascript 阅读全文
posted @ 2020-05-27 09:04 老和尚106 阅读(170) 评论(0) 推荐(0) 编辑
摘要: jQuery 效果 - 隐藏和显示的3种办法 1.通过 jQuery,您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素; $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function() 阅读全文
posted @ 2020-05-26 18:04 老和尚106 阅读(563) 评论(0) 推荐(0) 编辑
摘要: 有时为了避免文本文字内容超出一定宽度后溢出,我们想要溢出的部分不显示但用省略号.....显示,这个时候我们可以使用CSS text-overflow文本溢出省略号属性样式实现。 单行文本的溢出显示省略号: overflow: hidden; text-overflow:ellipsis; white 阅读全文
posted @ 2020-05-26 17:54 老和尚106 阅读(311) 评论(0) 推荐(0) 编辑