在Html页面上实现密码可见不可见,使用的阿里巴巴矢量图标库。html部分:<!doctype html><html><head><meta charset="utf-8"><title>网页制作</title><link rel="stylesheet" type="text/css" href="style.css"><script src="js/jquery-1.9.1.min.js"></script><script src="js/home.js"></script></head><body style="background-color:#fff;"><div class="password-wrap"><div class="password-input"><input type="password" na...
思路是利用jquery的mousemove,mousedown,mouseup三个事件,定义两个相对位置,分别是1、组件左上角与屏幕左上角的相对位置2、鼠标所在坐标与组件左上角的相对位置。具体函数如下: .drag{position:absolute; background:#0000CC; top:100px;left:200px;padding:0;}$(document).ready(function(){
var move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置 $(".drag").mousedown(function(e){ move=tr...
二级或者三级折叠菜单参考http://www.cnblogs.com/qigege/p/5178947.html<script type="text/javascript">$(function () {$("#Nav_left ul li").each(function () {$(this).click(function () {$("#Nav_left ul li").removeClass("thisnav");$(this).addClass("thisnav");});});});
</script> <div id="Nav_left"><div class="left_cell"><h1 onClick="javascript:ShowMenu(this,0)"><a href="javascript:void(0)" class="LftA1">...
今天使用js写了段jq中的html()方法。我的原则是废话不多说,直接放代码。。<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JQuery初探</title>
</head>
<body><div id="box"><span>1112</span></div><script>var Kodo = function(selector){returnnew Kodo.prototype.init(selector);}Kodo.prototype = {constructor : Kodo,length : 0,splice : [].splice,selector : ‘‘,id:{},init : function(selector...
该应用实现了即时统计输入字数,并且通过ajax与后台交互,将输入内容插入到话题列表中。我将整个流程分为两部分,本文讲解第一部分jquery实现前端交互操作。
首先查看示例:DEMOXHTML 复制代码 代码如下:<form id="myform" action="" method="post"> <h3><span class="counter">140</span>说说你正在做什么...</h3> <textarea name="saytxt" id="saytxt" class="input" rows="2" cols="40"></textarea> <p> <input type="image" s...
<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>jquery form序列化转换为json对象</title><script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script></script></head><body><form action="" name="post_form" id="post_form">姓名:<input type="name" name="name" value="王"><br/>性别:<input type="radio" name="sex" value="男"checked>男<input type="radio" name="sex" value="女">女<br/>爱好:...
每次看到三元表达式就会惶惶然分不清如何读,正如语文中的断句一样,jquery源码中的三元表达式更是不知如何断句。附jquery中的inArray实现。大家熟悉jquery的应该都不陌生inArray的用法。在源码实现中,先判断了arr是否存在,如果不存在,则可直接返回-1,否则进行后续判断,当存在indexOf方法时,则直接使用call来调用indexOf方法。否则继续。在jquery代码中处处体现代码构建者对于javascript的深刻理解,譬如这里对arr.length的缓...
AJAX 的出现使得网页可以通过在后台与服务器进行少量数据交换,实现网页的局部刷新。但是出于安全的考虑,ajax不允许跨域通信。如果尝试从不同的域请求数据,就会出现错误。如果能控制数据驻留的远程服务器并且每个请求都前往同一域,就可以避免这些安全错误。但是,如果仅停留在自己的服务器上,Web 应用程序还有什么用处呢?如果需要从多个第三方服务器收集数据时,又该怎么办? 一、关于ajax跨域的思考 1、Ajax为什么不能跨...
xml文件: 1<?xml version="1.0" encoding="gb2312"?> 2<china> 3<province name="吉林省"> 4<city>长春</city> 5<city>吉林市</city> 6<city>四平</city> 7<city>松原</city> 8<city>通化</city> 9</province>10<province name="辽宁省">11<city>沈阳</city>12<city>大连</city>13<city>鞍山</city>14<city>抚顺</city>15<city>铁岭</city>16</province>17<province name="山东省">18<city>济南</city>19<city>青岛</city>20<city...
前段时间需要做一个点击一个按钮,把制定内容复制到剪切板的效果。对于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