摘要: jquery实现的一个简单进度条效果实例,进度条完成后进行操作。 效果: Html代码: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>进度条</title> <script type="text/javascript" src 阅读全文
posted @ 2020-05-27 09:50 老和尚106 阅读(787) 评论(0) 推荐(0)
摘要: jq滚动到底部加载更多方法 Html: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-sc 阅读全文
posted @ 2020-05-27 09:47 老和尚106 阅读(1197) 评论(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:44 老和尚106 阅读(231) 评论(0) 推荐(0)
摘要: 今天在做项目的时候有需要用到多选框,并且因为ui的关系,需要稍微美化一下多选框,所以找到了实现方法,挺实用的,不需要脚本就能实现。 我这个是用背景图片的原理实现的,如果不喜欢这个样式,直接更换背景图就可以了 效果: Html: <input type="checkbox"/> <input type 阅读全文
posted @ 2020-05-27 09:38 老和尚106 阅读(1025) 评论(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 阅读(272) 评论(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 阅读(666) 评论(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 阅读(1732) 评论(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 阅读(612) 评论(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 阅读(321) 评论(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 阅读(182) 评论(0) 推荐(0)