以前写过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>
...
今天参加了一个Code Review活动,看了一个同事的写的代码,感觉满足了当前的功能实现,但是从长远来看,无论从代码复用角度还是维护上看都显得非常差。先看看需求是什么吧。需求是通过下拉框的选择不同的选项,来显示和隐藏一个文本框。同事是这样写的:Code 1<select name="select" onChange="disinput(this)"><option value="1">1</option><option value="2">2</option></select>
<input type="text" id="text" name="text" sty...
原文链接http://www.jb51.net/article/95983.htm大体思路:1.jquery得到选中的绑定数据的id,将这个id赋值到数组中,最后将这个数组的值赋值给页面中创建的隐藏变量2.后台获取到隐藏变量的值,并将它循环数组取值,得到绑定值的下载地址,最后打包下载首先html中div根据后台绑定<divid="downloadInfo"runat="server"></div>其次是下载附件的选择,利用jquery实现,并且将值赋值给页面中的隐藏变量,代码如下:// 下载附件的选择 $a...
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="./assets/js/jquery.js"></script></head><style></style><script type="text/javascript"> var t; var speed = 2;//图片切换速度 var nowlan=0;//图片开始时间 function changepic() { var imglen = $("div[name=‘pic‘]").find("div").length;//获取DIV 下的滚动条数 ...
一、需求:提供省、市下拉列表,当用户选择省一级下拉列表项后,市下拉列表的各个选项自动变为该省对应的城市列表。 二、效果: 三、实现:1.省市json数据,来自:http://www.cnblogs.com/jinzhao/archive/2012/04/01/2428142.htmlJs代码 /** * 省市json数据 */ var provinceAndCityArray = [{ name: "北京", cities: ["西城", "东城", "崇文", "宣武", "朝阳", "海淀", "丰台", "石景山", "门头沟", "房山", "通州", "顺义", ...
具体实现效果如图:原理很简单,就是监听鼠标滑动和点击事件。在第一个标签切换的示例中,当鼠标滑过某个标签时,就把class转移到当前标签。这里用到的jQuery方法主要是each()确定当前是哪一个标签,确定好以后,在设置鼠标的mouseover和mouseout事件。即:/*** Created by Administrator on 2016/7/30.*/
$(document).ready($("#tabFirst li").each(function(index){var liNode=$(this);$(this).mouseover(function(){}).mouseout...
在简单了解了Unobtrusive JavaScript形式的验证在jQuery中的编程方式之后,我们来介绍ASP.NET MVC是如何利用它实现客户端验证的。服务端验证最终实现在相应的ModelValidator中,而最终的验证规则定义在相应的ValidationAttribute中;而客户端验证规则通过HtmlHelper<TModel>相应的扩展方法(比如TextBoxFor、EditorFor和EdidtorForModel等)出现在生成的被验证HTML元素中。毫无疑问,服务端验证和客户端验证必须采用相同的验证规则...
基本思路先隐藏(dispaly:none)再显示,半透明蒙版层通过z-index:9998;z-index:9999;值越大越在前面index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery点击弹出登陆窗口</title>
<link rel="sty...