JS
文章平均质量分 64
Dlinlin
这个作者很懒,什么都没留下…
展开
-
jQuery实现全选于反选功能
table img { width:50px; height:50px; } table { width:600px; height:400px; } table tr td{ border:solid 1px #eee;}原创 2013-04-22 14:25:34 · 641 阅读 · 0 评论 -
导航条(收起展开)
body { font-size: 13px; } #divTotle { border: solid 1px #eee; width: 301px; overflow: hidden; }原创 2013-04-17 20:26:01 · 3703 阅读 · 0 评论 -
用jQuery访问DOM对象
.divFrame { width:260px; border:solid 1px #666; font-size:10pt; } .divTitle { background-color:#eee; padding:5px; } .divContent {原创 2013-04-16 17:03:02 · 602 阅读 · 0 评论 -
jQuery层次选择器
.imgclass { width:100px; height:100px; } div { width:250px; height:250px; background-color:#eee; border:solid 2px blue; }原创 2013-04-17 20:36:22 · 4501 阅读 · 0 评论 -
jQuery随机改变图片
img { width:200px; height:200px; } $(function () { $('#btn1').click(function () { var num = Math.floor(Math.random() * 8原创 2013-04-18 14:06:40 · 2840 阅读 · 0 评论 -
内容选择器
img { width:200px; height:200px; } $(function () { $('#btn').click(function () { //alert($('div:eq(0)').text()); //获取的是标原创 2013-04-18 17:50:58 · 684 阅读 · 0 评论 -
jQuery属性过滤器
div { width:200px; height:100px; border:2px solid red; background-color:#eee; } img { width:200px; height:200px; }原创 2013-04-18 14:09:16 · 2582 阅读 · 0 评论 -
jQuery设置文字样式
p { background-color:#eee; font-size:30px; } .classadd { font-weight:bold; font-family:微软雅黑; font-size:40px; background-color:Green;原创 2013-04-18 17:53:41 · 10517 阅读 · 0 评论 -
jQuery替换删除节点
$(function () { $('#Button1').click(function () { //$('p').replaceWith('百度'); $('百度').replaceAll($('p')); }) $('#Button2').clic原创 2013-04-22 10:04:12 · 764 阅读 · 0 评论 -
jQuery图片复制
.imgclass{ width:200px; height:200px;} $(function () { $('#img1').click(function () { //如果clone()方法的参数为true,则此元素的事件也会被复制,如果为空(默认为false),则事件不会被复原创 2013-04-22 10:05:00 · 4195 阅读 · 0 评论 -
jQuery在p前后添加节点
$(function () { $('#Button1').click(function () { $('p').after('After Hello World'); }) $('#Button2').click(function () { $('p'原创 2013-04-22 10:05:57 · 7448 阅读 · 0 评论 -
jQuery中图片隐藏效果的的所有方法
.imgclass { width: 300px; height: 300px; border: solid 1px red; position:relative; left:100px; top:100px; } i原创 2013-05-07 17:24:42 · 7365 阅读 · 0 评论 -
jQuery插件的应用(注册时的验证)
span { color:Red; } $(function () { $('#form1').validate({ rules: { UserName: { required: tr原创 2013-05-07 17:26:44 · 1089 阅读 · 0 评论 -
jQuery中的animate的应用(图片的自动移动)
图片按照数字的顺序移动 img { position:absolute; top:13px; left:13px; width:100px; height:100px; } td {原创 2013-05-07 17:17:12 · 5924 阅读 · 0 评论 -
jQuery中fadeIn、fadeOut、fadeTo的用法(图片隐藏与显示)
#img1 { width:400px; height:500px; } $(function () { $('#Button1').bind('click', function () { $('img').fadeOut(2000, fu原创 2013-05-07 17:11:37 · 9652 阅读 · 0 评论 -
jQuery邮箱验证
.txtbackcolor { background-color:#eee; } $(function () { var state = false; $('#txtEmail').focus(function () {原创 2013-04-23 19:19:58 · 8704 阅读 · 0 评论 -
jQuery插件(智能感知输入内容)
#txtKey{ width:300px;} $(function () { var array = ['asp.net', 'asp.net mvc', 'wcf', 'wpf', 'win8', 'windows phone', '张东', '张熙', '张亚飞'];原创 2013-05-07 17:33:49 · 1574 阅读 · 0 评论 -
Jquery(智能感知AJAX,从后台调数据)
效果图:前台: $(function () { $.ajax({ type: "post", contentType: "application/json", u原创 2013-06-11 10:18:01 · 1663 阅读 · 0 评论 -
jQuery隔行变色
.imgclass { width: 200px; height: 200px; } .imgclass1 { width: 220px; height: 220px; }原创 2013-04-17 20:40:59 · 753 阅读 · 0 评论 -
jQuery基本选择器
.imgclass { width: 200px; height: 200px; } .imgclass1 { width: 210px; height: 210px; } table t原创 2013-04-17 20:38:25 · 877 阅读 · 0 评论 -
jQuery仿博客园首页左导航效果
html { color: #666; background: #FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, i, fieldset, legend, input, tex转载 2013-04-23 19:22:08 · 832 阅读 · 0 评论 -
js密码强度验证
//CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN) { if (iN >= 48 && iN return 1; if (iN >= 65 && iN return 2; if转载 2013-04-23 19:31:30 · 609 阅读 · 0 评论 -
jQuery中的事件的应用
目录:一、事件机制二、页面载入事件2.1、ready()方法的工作原理2.2、ready()方法的几种相同写法三、绑定事件四、切换事件4.1、hover()方法4.2、toggle()方法五、移除事件六、其他事件6.1、方法one()6.2、方法trigger()七、表单转载 2013-04-23 19:28:45 · 1844 阅读 · 0 评论 -
查看图片前进后退效果图
#mydiv { position: absolute; width: 500px; height: 400px; top: 50%; left: 50%; margin-top: -200px; m原创 2013-04-23 19:17:42 · 4794 阅读 · 0 评论 -
JS版九九乘法表
for (var i = 1; i for (var j = 1; j //document.write(i + '*' + j + '=' +i*j + '\t'); document.write(i + '*' + j + '=' + ((i * j) > 9 ? (i * j) : " " + (i * j))原创 2013-04-09 17:37:38 · 3935 阅读 · 0 评论 -
JS张开收缩图片
.image { width:400px; height:300px; border:1px solid blue; display:none; } .divFrame { width:260px; border:solid 1px #666; font原创 2013-04-16 16:58:40 · 1138 阅读 · 0 评论 -
JS创建替换删除节点
function CreateNode() { var pnode = document.createElement('p'); var tnode = document.createTextNode('烟花三月下扬州'); pnode.appendChild(tnode); document.body.appendChild原创 2013-04-16 16:59:53 · 1271 阅读 · 0 评论 -
JS中改变时间
var thedate = new Date('2012, March, 7,12:11:22'); thedate.setFullYear(2013);//将年份改成2013 alert(thedate.toLocaleString()); thedate.setFullYear(2013,3,8);//将年月日分别变为了2013,4,8原创 2013-04-09 19:36:46 · 1492 阅读 · 0 评论 -
JS标题跑马灯效果
我是个好人! var x = 20; alert(isNaN(x)); //判断其是不是数字 function scroll() { var title = document.title; var fristchar = title.charAt(0); //在从中取第一原创 2013-04-09 17:50:10 · 2941 阅读 · 0 评论 -
JS小练习(Array的简单应用)
//为Array赋值的方法 function showarray() { var array = new Array(); array[0] = 1; array[1] = 2; array[2] = 3;原创 2013-04-09 17:34:33 · 1402 阅读 · 0 评论 -
JS更换图片
// 方法一(麻烦) function put() { var len = document.getElementsByName('RA'); for (var i = 0; i if (len[i].checked == true) { var a原创 2013-04-16 16:54:03 · 7935 阅读 · 0 评论 -
JS时间的不同写法
var thedate = new Date(2012, 3, 7, 12, 11, 12,222);//其中的月份为4月 alert(thedate.toLocaleString());//时间将变成本地的字符串表示 alert(thedate.getMilliseconds());//获取毫秒 var thedate = new Dat原创 2013-04-09 19:33:52 · 872 阅读 · 0 评论 -
简单的JS计算器
计算器 var code; var oldint = ""; var last; function xianshi(panduan) { if (panduan == 1) { if (last == "+") { Form1.result.valu原创 2013-04-01 21:50:02 · 605 阅读 · 0 评论 -
JS使用传统的方法访问DOM对象
.divFrame { width:260px; border:solid 1px #666; font-size:10pt; } .divTitle { background-color:#eee; padding:5px; } .divContent {原创 2013-04-16 17:02:16 · 747 阅读 · 0 评论 -
JS时间的获得
var thedate = new Date(); alert('LocaleString:' + thedate.toLocaleString()); //将时间转换成本地的字符串表示 alert('LocaleDateString:' + thedate.toLocaleDateString());//将年月日转换成本地的字符串表示 ale原创 2013-04-09 19:30:27 · 528 阅读 · 0 评论 -
JS版简单登录
function validator() { var username = document.getElementById('txtUserName').value; var password = document.getElementById('txtPassword').value; //alert(username+","+passwor原创 2013-04-09 17:41:41 · 665 阅读 · 0 评论 -
JS操作图片(添加,更改,删除)
Image { width:100px; height:100px; } function chuangjian() { //添加图片 var array = ['1.jpg',原创 2013-04-16 17:11:08 · 18719 阅读 · 4 评论 -
五星评分
* { margin: 0; padding: 0; } .pingfen { width: 135px; margin: 10px auto; height: 20px;转载 2017-01-17 17:21:11 · 424 阅读 · 0 评论