江湖再见

前端web开发表单交互功能

canvas 烟花/* basic styles for black background and crosshair cursor */body { background: #000; margin: 0; }canvas { cursor: crosshair; display: block; }Canvas is not supported in your browser.

首页 特色 更新记录 安装 单页导航 额外参数 Wordpress 联系我们

查看地址一->

Lava Lamp风格导航

jQuery文字无缝滚动效果代码 *{margin:0;padding:0;font-size:12px;} body{background:none;} input,button,select,textarea{outline:none;} ul,li,dl,ol{list-style:none;} a{color:#666;text-decoration:none;}

搜索 *{ padding:0; margin:0;} body{ font-size:12px;} ul,li { list-style:none; cursor:pointer;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear

选择短路求值// 糟糕function initVar($myVar) {    if(!$myVar) {        $myVar = $('#selector');    }}// 建议function initVar($myVar) {    $myVar = $myVar || $('#selector');}选择捷径// 糟糕

trim 1    2footer/* Creating Elements（创建元素）$('');document.createElement('div');*//* Inserting Elements Before & After（在元素前后插入）$('#1').before('0')document.getElementById('1').i

jQuery之下拉框左右选择 *{margin:0; padding: 0} body{ text-align: center;} .wrapper{ width: 1000px; text-align: left; margin:50px auto;} .centent{float:left; width:140px; margin-right: 10px; text-align:c

加分小代码body{background-color:#2C3437; font-family:\5FAE\8F6F\96C5\9ED1, Arial, Lucida, Verdana, Helvetica, sans-serif;}#like{background:#F90; width:100px; height:30px; border-radius:5px; color:#fff;

;(function($){ $.fn.plugin = function(options){ var defaults = { //默认参数设置 //... } //通过$.extend()的方法将两个对象进行组合 var options = $.extend({},defau

需求分析如下:用户输入两组用户信息：一组是送货目的地，另一组是账单组目的地。在大多数情况下，这两个地址是一致的。让用户重复输入两次相同的信息会导致用户友好度降低，而这非我们所想。通过给账单地址添加复选框，意在指示账单地址是否与送货地址一致。如果选中复选框，就从送货地址复制账单地址并且设为只读状态；如果取消选中复选框，就从文本字段里清空账单地址和只读状态。 The Test f

list *{margin:0; padding:0;} body{font-size: 12px; background-color: #fff; text-align:center;} .f-wrap{width: 1000px; text-align: left; margin:0 auto; } h3{line-height: 30px;} form{padding:0 10

每天一个小动画。

jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text

侧边固定悬浮导航

一个小插件，实现垂直菜单特效，如下图所示：代码地址：查看-> 垂直菜单特效 *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} a{ color:#333; text-decoration: none; } body{font:14px/150% Arial, H

body { font:12px/19px Arial, Helvetica, sans-serif; color:#666;}form div { margin:5px 0;}.int label { float:left; width:100px; text-align:right;}.int input { padding:1px 1px; border:1px solid #ccc;

页面搜索实例 table{border-collapse:collapse;} table td,table th{ border:1px solid #ddd; line-height: 30px; padding: 0 0 0 10px;} 姓名 性别 职位 手机号码 张三 男 前端开发 13432349833 张歆艺

IBM 导航 *{margin:0; padding: 0;} body{ text-align: center; color: #333; font-size: 12px;} ul,li{ list-style: none;} .wrapper{ width: 1000px; text-align: left; margin: 0 auto;} .cf:before,

获取浏览器显示区域的高度 ：$(window).height();获取浏览器显示区域的宽度 ：$(window).width();获取页面的文档高度 ：$(document).height();获取页面的文档宽度 ：$(document).width();获取滚动条到顶部的垂直高度 ：$(document).scrollTop();获取滚动条到左边的垂直宽度 ：$(d

jquery 控制textArea 随文本增加而变高 *{margin:0; padding: 0;} .f-wrap{ width: 1000px; margin:30px auto; } textarea{ text-indent: 2em; border:1px solid #ddd; width: 100%; height:150px