随笔分类 - 常用案例
js jQuery
摘要：1、设置数据类型 [{name:'名称',value:数值}] 2、饼图的显示和样式 series:[ { type:'pie', data:pieData, label:{ show:true, formatter: '{b}花费{c}:{d}%' 显示文本信息,或者回调函数return 设置 {
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> *{margin:0;padding:0} #baidu{width:35%;margin:20px auto}
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> *{margin:0;padding:0;} #reg{width:30%;margin:20px auto;}
阅读全文
摘要：预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览网站内容时获得更好的用户体验。示例代码：function loadImage(url, callback) { var img = new
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>浮动的瀑布流（案例：蘑菇街）.html</title> <style> *{margin:0;padding:0;} ul,li{list-style: no
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>.html</title> <style> *{margin:0;padding:0;} .sort{width:50%;margin:20px auto;o
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>表单验证.html</title> <style> label{display:inline-block;width:65px;text-align: rig
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>弹窗 遮罩.html</title> <style> *{margin:0;padding:0} body{height:2000px;} h3{font-s
阅读全文
摘要：<html><head><title>日期</title><script>function toChinese(day){ switch(day){ case 0: return "日"; case 1: return "一"; case 2: return "二"; case 3: return
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>arr.sort()方法</title> <style> </style> <script src="jquery-1.9.1.js"></script> <
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>删除</title> <style> </style> <script src="jquery-1.9.1.js"></script> <script> $(
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>评分</title> <style> *{margin:0;padding:0;} ul,li{list-style:none;} ul{width:135p
阅读全文
摘要：</script><!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>延时提示框</title> <style>#div1{width:300px;height:30px;background:red;}#di
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>自定义右键菜单</title> <style> *{margin:0;padding:0;} ul{display:none;list-style:none;
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>ctrl+enter提交留言</title> <style></style> <script src="jquery-1.9.1.js"></script>
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>键盘控制div移动</title> <style> div{width:100px;height:100px;background:red;position:
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>弹出菜单，阻止冒泡</title> <style> </style> <script src="jquery-1.9.1.js"></script> <scr
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>图片向上切换</title> <style> .up{width:100%;height:120px;margin:200px auto 20px auto;
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>返回顶部</title> <style> body{height:2000px;} .back{position:fixed;bottom:100px;rig
阅读全文
摘要：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>图片自动播放</title> <style> #pic{width:120px;height:50px;border:1px solid #ccc;margi
阅读全文
浙公网安备 33010602011771号