js效果 - 随笔分类 - 伊人怎会持宠而骄

百度联想

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-04-02 15:36 伊人怎会持宠而骄阅读(178) 评论(0) 推荐(0)

鼠标点击网页出现文字特效

摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-04-01 16:32 伊人怎会持宠而骄阅读(1945) 评论(0) 推荐(0)

地图插件（经纬度）

摘要：<div class="map" id="container2"> </div> <div class="map" id="container2"> </div> <script src="http://api.map.baidu.com/api?v=2.0&ak=A1LU7iHS0avqQwPLA 阅读全文

posted @ 2019-02-18 16:32 伊人怎会持宠而骄阅读(614) 评论(0) 推荐(0)

网页导出PDF文件

摘要：转自出道诗人 var downPdf = document.getElementById("exportToPdf"); downPdf.onclick = function() { html2canvas( document.getElementById("export_content"), { 阅读全文

posted @ 2019-01-29 15:34 伊人怎会持宠而骄阅读(820) 评论(0) 推荐(0)

图片翻转导航

摘要：<doctype html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery实现图片翻牌旋转特效</title> <style> *{margin:0px;paddi 阅读全文

posted @ 2019-01-28 10:02 伊人怎会持宠而骄阅读(1343) 评论(0) 推荐(0)

瀑布流之ajax

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } html,body { width: 100%; h 阅读全文

posted @ 2019-01-28 09:59 伊人怎会持宠而骄阅读(118) 评论(0) 推荐(0)

楼梯效果

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #LoutiNav{ position: fixed 阅读全文

posted @ 2019-01-28 09:58 伊人怎会持宠而骄阅读(226) 评论(0) 推荐(0)

数码时钟

摘要：<!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.o 阅读全文

posted @ 2019-01-28 09:57 伊人怎会持宠而骄阅读(105) 评论(0) 推荐(0)

数字字母随机验证码

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td align="right">验证码：</td> <td><label> <input type="text" /> 阅读全文

posted @ 2019-01-28 09:53 伊人怎会持宠而骄阅读(200) 评论(0) 推荐(0)

随机换图

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="开始" id="btns"> <input type="button" va 阅读全文

posted @ 2019-01-28 09:52 伊人怎会持宠而骄阅读(94) 评论(0) 推荐(0)

纯数字验证码

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <tr> <td align="right">验证码：</td> <td><label> <input type="text" /> 阅读全文

posted @ 2019-01-28 09:52 伊人怎会持宠而骄阅读(154) 评论(0) 推荐(0)

刷新随机改变背景色（面向对象写法）

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2019-01-28 09:51 伊人怎会持宠而骄阅读(221) 评论(0) 推荐(0)

随机抽取名字不重名

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> <script> function rand( min,max ){ return Math.rou 阅读全文

posted @ 2019-01-28 09:50 伊人怎会持宠而骄阅读(413) 评论(0) 推荐(0)

随机乱撞的彩色圆球

摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习第5天[乱撞的球]</title> <style> body { font-family: 微软雅黑; } body, h1 { margin: 阅读全文

posted @ 2019-01-28 09:50 伊人怎会持宠而骄阅读(148) 评论(0) 推荐(0)

点击DIV随机换颜色

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" value="改变DIV颜色" id="btn" /> <div style="width 阅读全文

posted @ 2019-01-28 09:49 伊人怎会持宠而骄阅读(634) 评论(0) 推荐(0)

小图在上选项卡

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选项卡</title> <style type="text/css"> *{margin: 0; padding: 0; font-family: "微软雅黑";font-size 阅读全文

posted @ 2019-01-28 09:48 伊人怎会持宠而骄阅读(113) 评论(0) 推荐(0)

小图在下选项卡

摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} ul,ol{list-style:none;} #box { position: 阅读全文

posted @ 2019-01-28 09:48 伊人怎会持宠而骄阅读(98) 评论(0) 推荐(0)

选项卡

摘要：css部分 /** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, ifr 阅读全文

posted @ 2019-01-28 09:47 伊人怎会持宠而骄阅读(106) 评论(0) 推荐(0)

加载等待并跳转页面

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form name=loading> <p>  <font color="#0066ff" 阅读全文

posted @ 2019-01-28 09:47 伊人怎会持宠而骄阅读(1176) 评论(0) 推荐(1)

飞机进度条

摘要：css部分 *{padding:0; margin:0;} .container{ margin: 0 auto; width: 60%; padding:20px; } .progress{ margin-top: 50px; padding: 10px; background: grey; bo 阅读全文

posted @ 2019-01-28 09:46 伊人怎会持宠而骄阅读(147) 评论(0) 推荐(0)

随笔分类 - js效果