奇奇博客 - 博客园

2013年5月22日

摘要： <style type="text/css"> img { width: 100px; height: 100px; } #mydiv { width: 500px; height: 300px; border: solid 1px red; } #mydiv2 { width: 500px; height: 300px; border: solid 1px red; } </style> <script src="js/Jquery1.7.js" type="text/javascript">&l 阅读全文

posted @ 2013-05-22 07:52 奇奇博客阅读(133) 评论(0) 推荐(0)

2013年5月20日

jQuery放大镜效果

摘要： <head> <title></title> <link href="css/cloud-zoom.css" rel="stylesheet" type="text/css" /> <script src="js/Jquery1.7.js" type="text/javascript"></script> <script src="js/cloud-zoom.1.0.2.js" type=" 阅读全文

posted @ 2013-05-20 09:40 奇奇博客阅读(100) 评论(0) 推荐(0)

jQuery制作相册

摘要： <head> <title></title> <style type="text/css"> #mydiv ul{ list-style-type:none;} #mydiv ul li{ display:inline;} #mydiv{ width:500px; border:solid 1px #444; background-color:#333;} </style> <link href="css/nf.lightbox.css" rel="stylesheet" 阅读全文

posted @ 2013-05-20 09:37 奇奇博客阅读(209) 评论(0) 推荐(0)

控经纬度显示地图与卫星

摘要： <link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ui.theme.css" rel="stylesheet" type="text/css" /> <script src="http://maps.google.com/maps/api/js?sensor=false" type=&qu 阅读全文

posted @ 2013-05-20 09:21 奇奇博客阅读(192) 评论(0) 推荐(0)

调用google地图

摘要： <head> <title></title> <link href="css/jquery.ui.base.css" rel="stylesheet" type="text/css" /> <link href="css/jquery.ui.theme.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.9.1.js&qu 阅读全文

posted @ 2013-05-20 09:15 奇奇博客阅读(181) 评论(0) 推荐(0)

像百度那样的智能感知效果

摘要： <link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" /> <script src="Jquery1.7.js" type="text/javascript"></script> 下面这是一个jQuery插件 <script src="jquery.autocomplete.js" type="text/javascript&qu 阅读全文

posted @ 2013-05-20 08:44 奇奇博客阅读(145) 评论(0) 推荐(0)

2013年5月7日

jQuery ui插件用法

摘要： <script src="Jquery1.7.js" type="text/javascript"></script> <script src="jquery.validate.js" type="text/javascript"></script> <script src="messages_cn.js" type="text/javascript"></script> <script type= 阅读全文

posted @ 2013-05-07 20:51 奇奇博客阅读(184) 评论(0) 推荐(0)

2013年5月6日

jQuery写fadeTo方法

摘要： <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () 阅读全文

posted @ 2013-05-06 20:28 奇奇博客阅读(215) 评论(0) 推荐(0)

jQuery实现动画效果

摘要： <title></title> <style type="text/css"> table{border:1px solid #666;} table td{border:1px solid #eee;width:200px;height:200px;} img{width:200px;height:200px;border:none;position:relative;} </style> <script src="jquery-1.9.1.js" type="text/javascrip 阅读全文

posted @ 2013-05-06 20:25 奇奇博客阅读(168) 评论(0) 推荐(0)

jQuery的slideToggle方法

摘要： <title></title> <style type="text/css"> .imgclass{ width:300px; height:300px; border:solid 1px red;} </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () 阅读全文

posted @ 2013-05-06 20:23 奇奇博客阅读(196) 评论(0) 推荐(0)

公告