随笔分类 -  QJUERY

序列化元素
摘要：<!DOCTYPE html><meta charset="utf-8"><html><head> <title>序列化元素</title> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script></head 阅读全文

posted @ 2017-04-20 18:39 代码小精灵 阅读(263) 评论(0) 推荐(0)

$.getJSON()
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or 阅读全文

posted @ 2017-04-20 18:19 代码小精灵 阅读(4136) 评论(0) 推荐(0)

$.getScript()方法
摘要：<!DOCTYPE html><meta charset="utf-8"><html><head> <title>1111</title> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script></head> 阅读全文

posted @ 2017-04-20 18:15 代码小精灵 阅读(4476) 评论(0) 推荐(0)

json文件
摘要：<!DOCTYPE html><meta charset="utf-8"><html><head> <title>$.get()方法</title> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> < 阅读全文

posted @ 2017-04-18 13:40 代码小精灵 阅读(202) 评论(0) 推荐(0)

$.get()
摘要：<!DOCTYPE html><meta charset="utf-8"><html><head> <title>$.get()方法</title> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> < 阅读全文

posted @ 2017-04-18 13:33 代码小精灵 阅读(585) 评论(0) 推荐(0)

load()方法
摘要：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>loading</title> <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></ 阅读全文

posted @ 2017-04-18 13:29 代码小精灵 阅读(391) 评论(0) 推荐(0)

网页选显卡tab
摘要：<!DOCTYPE html><html><head> <title>网页选显卡</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style type="text/css"> ul,ul l 阅读全文

posted @ 2017-04-12 22:25 代码小精灵 阅读(269) 评论(0) 推荐(0)

网页字体大小
摘要：<!DOCTYPE html><html><head> <title>网页字体大小</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style type="text/css"> .msg{ 阅读全文

posted @ 2017-04-12 21:16 代码小精灵 阅读(754) 评论(0) 推荐(0)

复选框控制表格的行高亮
摘要：<!DOCTYPE html><html><head> <title>复选框控制表格的行高亮</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style type="text/css"> t 阅读全文

posted @ 2017-04-12 16:22 代码小精灵 阅读(211) 评论(0) 推荐(0)

单选框控制表格行高亮
摘要：<!DOCTYPE html><html><meta charset="utf-8"><head> <title>表单应用</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style typ 阅读全文

posted @ 2017-04-12 16:20 代码小精灵 阅读(241) 评论(0) 推荐(0)

表格展开闭合以及搜索
摘要：<!DOCTYPE html><html><head> <title>表格展开闭合</title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script> <style type="text/css"> table{ 阅读全文

posted @ 2017-04-12 16:16 代码小精灵 阅读(235) 评论(0) 推荐(0)

复选框的应用
摘要：<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="js/jquery-3.2.0.min.js"></script></head><body> <form> 你的爱好是做什么？ <input 阅读全文

posted @ 2017-04-12 13:15 代码小精灵 阅读(304) 评论(0) 推荐(0)

表单验证以及下拉框应用
摘要：<!DOCTYPE html><html><head> <title>下拉框应用</title> <style type="text/css"> .container{ width:500px; margin:0 auto; border: 1px solid #666; padding: 10px 阅读全文

posted @ 2017-04-11 23:23 代码小精灵 阅读(1143) 评论(0) 推荐(0)

多行文本框的高度变化
摘要：<!DOCTYPE html><meta charset="utf-8"><html><head> <title>多行文本框的高度变化</title> <script type="text/javascript" src="js/jquery.min.js"></script> <style typ 阅读全文

posted @ 2017-04-10 19:52 代码小精灵 阅读(628) 评论(0) 推荐(0)

视频展示效果
摘要：<!DOCTYPE html><html><head> <title>视频展览效果</title> <style type="text/css"> ul,ul li{ list-style: none; float: left; margin: 0; padding: 0; } h1, h2, h3 阅读全文

posted @ 2017-04-01 17:27 代码小精灵 阅读(265) 评论(0) 推荐(0)

自定义简单的动画
摘要：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .contianer{ position: relative; } .panel{ width: 200px; height: 200; background-co 阅读全文

posted @ 2017-03-31 20:01 代码小精灵 阅读(257) 评论(0) 推荐(0)

模拟操作
摘要：<!DOCTYPE html><html><head> <title></title> <script type="text/javascript" src="js/jquery.min.js"></script></head><body> <button id="btn">点击</button> 阅读全文

posted @ 2017-03-31 13:41 代码小精灵 阅读(352) 评论(0) 推荐(0)

图片提示效果
摘要：html代码： javascript代码： 注释： 1.当鼠标滑过后，第一，<a>标签的title属性的提示也会出现；第二，是设置x坐标和y坐标的问题，由于自制的坐标和鼠标的距离太近了，有时候会引起无法显示的问题；因此要 清空title，并设置设置x坐标和y坐标； 2.如果要提示效果跟鼠标一起移动， 阅读全文

posted @ 2017-03-31 12:53 代码小精灵 阅读(461) 评论(0) 推荐(1)