jQuery UI
文章平均质量分 60
商炳奇
商炳奇
展开
-
jQuery ui插件用法
$(function () { $('#form1').validate({ rules: { txtUser: { required: true, minlength: 6 }, txtPassword: { required: true, mi原创 2013-05-07 20:45:38 · 822 阅读 · 0 评论 -
新浪微博表情效果
下载地址http://download.csdn.net/detail/shang_111111/5484709原创 2013-05-30 21:55:16 · 1236 阅读 · 0 评论 -
图片拖出边框删除
#mydiv{ width:900px; background-color:#444;} img{ width:200px; height:200px;} ul{ list-style-type:none;} ul li{ display:inline;} $原创 2013-05-22 10:19:15 · 619 阅读 · 0 评论 -
jQuery拖动效果
img { width: 100px; height: 100px; } #mydiv { width: 500px; height: 300px; border: solid 1px red;原创 2013-05-22 07:46:10 · 861 阅读 · 0 评论 -
控经纬度显示地图与卫星
$(function () { function latlong() { return new google.maps.LatLng($("#lat").val(), $("#lng").val()); } function position() { map.setCenter(latlong原创 2013-05-20 09:14:57 · 869 阅读 · 0 评论 -
调用google地图
.photo {width: 300px;text-align: center;}.photo .ui-widget-header {margin: 1em 0;}.map {width: 350px;height: 350px;}.ui-tooltip {max-width: 350px;} $(function () {原创 2013-05-20 09:09:38 · 802 阅读 · 0 评论 -
像百度那样的智能感知效果
下面 这是一个jQuery插件 $(function () { var arry = ['admin', 'aspx', 'bing', 'wap', 'windows', 'wp7', 'wp8', 'win8']; $('#content').autocomplete(arry原创 2013-05-20 08:36:16 · 704 阅读 · 0 评论 -
jQuery制作相册
#mydiv ul{ list-style-type:none;} #mydiv ul li{ display:inline;} #mydiv{ width:500px; border:solid 1px #444; background-color:#333;} $(function (原创 2013-05-20 09:31:25 · 769 阅读 · 0 评论 -
jQuery放大镜效果
class='cloud-zoom-gallery' title='Thumbnail 2' rel="useZoom: 'zoom1', smallImage: ' zoom/small2.jpg'"> class='cloud-zoom-gallery' title='Thumbnail原创 2013-05-20 09:34:20 · 1112 阅读 · 1 评论 -
个人简历
代码如下: http://www.w3.org/1999/xhtml"> #divMain { width:800px;border:1px solid #000;border-radius:15px;margin:0 auto; } #divMain .divTitle {原创 2013-07-04 14:30:53 · 1174 阅读 · 0 评论