前段时间需要做一个点击一个按钮，把制定内容复制到剪切板的效果。对于IE浏览器而言，有一简单的方法，通过 window.clipboardData：（假如有一个id为copy的按钮，有一个id为name的输入框，“text”为固定格式）$("#copy").click(function () {window.clipboardData.setData("text", $("#name").val());alert("已复制到剪贴板"); }); 但是这个方法仅限于IE浏览器，其他浏览器使用不了，所以不推荐使用。下面介绍一种兼容主流浏览器的...
jQuery实现滚动自动显示隐藏导航貌似插件挺多了，Headroom.js、基于bootstrap的jquery.bootstrap-autohidingnavbar.js，jBar.js，但似乎也没必要那么麻烦，或者它们确实有其他优势，目前我还不是很清楚。本文附件下载地址：http://pan.baidu.com/s/1qW7Vuji正文 1、首先在你的页面引入jQuery.js包jquery.min.js文件见附件《jquery.min.js》 <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script> 2、创建导航...
前两天接到一个任务，把之前的做过的一个系统实现国际化，之前的系统用的是Spring框架，国际化还是比较简单的。但是有一些提示是写在js文件里面的，搜了一些，发现一个js国际化的框架jquery.i18n.properties.js，用了一些还是比较方便的。首先引入js文件，这个框架是依赖jquery的，所以jquery也要先引入，由于项目用了requireJs，所以在main文件里引入一下就可以了require.config({ baseUrl: contextPath + "/js", paths: ...
通过表格上下的两个全选checkbox对表格子项的全选！注意使用prop(),而非attr()方法。prop()返回的是标准属性true和false。原文：http://www.cnblogs.com/vscss/p/5503161.html
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <style>ul,li {margin: 0;padding: 0;}.content { width: 1020px;height: 60px;overflow: hidden; border: #4e83c2 solid 1px; margin:50px auto;}.content ul{display: flex;flex-direction: row;width: 100%; overflow: hidden;}.content ul li {width: 400px; heig...
JQuery和Servlet实现文件上传进度条,能显示上传速度，上传的百分比等原文：JQuery和Servlet实现文件上传进度条,能显示上传速度，上传的百分比等源代码下载地址：http://www.zuidaima.com/share/1550463319542784.htm原文：http://blog.csdn.net/springmvc_springdata/article/details/38655743
很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现返回顶部按钮。 首先需要在顶部添加如下html元素：<p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>其中a标签指向锚点top，可以在顶部防止一个<a name="top"></a>的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。 要想让返回顶部的图片显示在右侧，还需要一些css样式，如下：/*returnTop*/ p#back-to-top{position:fixed;display:none;bot...
以前写过java版的crawler，最近看了Groovy的XmlSlurper，效果还是不太满意，直到这篇文章启发了我：how-to-make-a-simple-web-crawler-in-javascript-and-node-js。于是就想到使用jQuery风格的js来解析html并获取数据，把这样的js碎片逻辑作为配置从而支持更灵活的自定义。crawler的原始构思及说明：crawlConfig，配置crawler：crawl=code.js，新配置的js脚本需要人工审核之后才能用于crawlData执行获取所有a标签的href属性的配置，...
1<html> 2<head> 3<meta charset="utf-8"> 4<title>Checkbox的练习</title> 5<style type="text/css"> 6*{margin:0px;padding:0px;} 7table{width:100%;text-align:center;} 8</style> 9 10<script src="jquery.js"></script> 11<script language="javascript"> 12 $(function(){13//给全选的复选框添加事件 14 $("#all").click(function(){15// this 全选的复选框 16var userids=this.checked;17//获取name=box...
我前面博客写过一个星级评论的原生写法，非常复杂，今天就通过jquery来写一个简单的星级点亮的效果，来看代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.ct-star {display: inline-block;margin: 0 1px;width: 19px;height: 19px;background: url(img/stars.png) no-repeat;vertical-align: -2px;cursor: pointer;}.ic-star-off {background-position: -39px 0;}</style></head><...
对于一些大型公司，想要有一些监控用户行为的分析，怎么办？比如一个场景，A公司想要监控用户浏览当前屏幕有哪些数据怎么办？那么就用到本文所提的监控解决方案了：1.首先要监控用户到底在该屏停留了多久；2.基于1确定用户是停留在了本页面而没有滑动手机屏幕；3.在用户未达到条件后的callback机制。基于以上的问题，我们可以想到时间分片 1/* This is a expose advertisements component.2 * Base on some class libraries that ...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>实现多个输入框输入时数值自动相加</title></head><body><table id="table-fund"><caption class="table-caption-legend">(单位：万元)</caption><thead><tr><th colspan="3">经费到位情况</th></tr><tr><th>科目</th><th>预算数</th></tr></thead><tr><td>1.省科技经费</td><td><input id="SouProSciTech" type="text"/></td></tr><tr><td>2.单位自筹</td><td...
（该新闻阅读器使用了淡入和滑动特效）顶部不断有新元素淡入，同时底部元素不断被删除 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title>新闻阅读器</title> 6</head> 7<body> 8<h1 class="news">新闻阅读器</h1> 910<script src="../Public/assets/plugins/jquery/jquery-1.11.2.js" type="text/javascript"></script>11<script src="../Public/assets/plugins/jquery/jquery-1.11.2.min.js" type="text/javasc...
<script type="text/javascript"> var t; var speed=2; var i=0; function qiehuan(){ var size=$("#all").find("div").length; $("#all").find("div").hide(); $("#all").find("div").eq(i).show(); i = i+1 == size ?0:i+1; t=setTimeout("qiehuan()",speed*1000); } onload=function(){qiehuan();}; $(document).ready(function(){ $("#all").hover(function(){ clearInterval(t); }); $("#all").mouseleave(function(){ qiehua...
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> <body> <ul class="orderobj"> <li class="preview" a="2">2</li> <li class="preview" a="5">5</li> <li class="preview" a="1">1</li> <li class="preview" a="9">9</li> <li class="preview" a="8">8</li> ...