方法1：使用onclick事件<input type="button" value="按钮"
onclick="javascrtpt:window.location.href=‘http://www.baidu.com/‘" />或者直接使用button标签<button onclick="window.location.href = ‘https://www.baidu.com/‘">百度</button>
方法2：在button标签外套一个a标签<a href="http://www.baidu.com/"><button>百度</button>
</a>或使用<a href="http://www.baidu.com/"><input type="button" value=‘百度‘></a>
...
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"><script type="text/javascript"></script><style type="text/css">.want {border:2px solid red;}.nowant {border: 1px solid black;}</style>
</head>
<body><div id="fileUpl...
前端实现div框边角的钝化虽然简单，但是有时候突然想不到，特此写下几句实现方法，以便记忆。 实现div框四个角都钝角的操作：设置 div ： border-radius=10px; 实现div框一个角的钝角效果 ：设置div :border-top-left-radius=10px; border-top-right-radius=10px; border-bottom-left-radius=10px; bor...
一般来说，DIV没有悬浮一说，更准确的应为层叠或者固定。最简单的方法是采用CSS定位属性。 1、DIV层叠，即一个层叠加在另外一个层上 利用相对定位和绝对定位来实现: 在父对象上设置：position:relative; 在子对象上设置：position:absolute; top: 10px; left: 10px; 这样如果父对象里面有其他元素的话。上面设置的子对象就可以"悬浮"在父对象上面了。 2、元素固定在窗口的某个位置 使用固定定位: 在需要悬浮的元素上设置：position...
一、网页换肤<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>网页换肤</title><script type="text/javascript">//检查浏览器是否支持localStorageif(typeof localStorage===‘undefined‘){window.alert("not support localStorage"); }else{window.alert("support localStorage");var storage = localStorage;//设置DIV背景颜色为红色，并保存localStoragefunction redSet(){var value = "red";document.getElemen...
页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。使用marquee标记不仅可以移动文字，也可以移动图片，表格等.语法：<marquee>...</marquee>； 说明：在标记之间添加要进行滚动的内容。重要属性：1.滚动方向direction（包括4个值：up、 down、 left和 right） 语法：<marquee direction="滚动方向">...</marquee>2.滚动方式behavior（scro...
HTML代码： <div id="baymax"><!-- 头部 --><div id="head"><div id="eye"></div><div id="eye2"></div><div id="mouth"></div></div><!-- 躯干 --><div id="torso"><div id="heart"></div></div><!--腹部 --><div id="belly"><div id="cover"></div></div><!-- 手臂 --><div id="left-arm"><div id="l-bigfinger"></div><div id="l-smallfinger"></div></div><div id="right-arm"><div id="r-bigfinger"></div><div id="r-smallf...
刮刮卡需求： 每一位用户有三次刮刮卡的机会本次刮刮卡的结果会覆盖上次的结果刮刮卡的中奖几率呈现为递增的曲线（保证三次中必须有一次中奖）刮出的结果包含按钮既（领取奖品 or 再来一次 ）分享活动奖品升级（这里主要是微信分享的回调了）我们自己的需求，今天就说怎么制作刮刮卡，有这样需求的可以找我要源码 第一、body创建Canvas <div class="info" id="prize"><span id="prompt"></span><span class="btn" id="ok">领取奖品...
1<!DOCTYPE html> 2<html> 3<meta name="content-type" content="text/html; charset=UTF-8"> 4<head> 5<title>Calculator</title> 6 7<!--将按键内容以字符串形式存储在文字框中当按钮为“=”时，调用eval方法计算结果然后将结果输出文字框中--> 8 9<script type="text/javascript"> 10var numresult;11var str;12 13function onclicknum(nums) {14 15 str = document.getElementById("nummessege");16 str...
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>账号注册</title><style>select {width: 100px;padding: 5px;font-size:16px;}</style>
</head>
<body>
<!--要实现的功能: 账号 密码 性别 <爱好> 地址出生年月 头像 相册 邮箱 电话 肤色 音量 个人简介-->
<form action="demo01.html"method="post">
<!--账号开始--><p>账号:<input type="text"name="userCode"required placeholder="请输入账号:...
function showTime(a) {var b = {id: "showtime", //canvasidx: 60, //中心点坐标 X轴;y: 60, //中心点坐标 Y轴;radius: 60, //圆的半径angle: 0, //角度 无需设置linewidth: 6, //线的宽度backround: "#d65554", //倒计时背景色color: "#e4e4e4", //填充色day: 0,time: 0,minute: 0,seconds: 0}if (a) {b = $.extend(b, a);}this.total = 0;this.id = b.id;this.x = b.x;this.y = b.y;this.radius = b.radius;this.angle = b.angl...
<a href="/files/adlafjlxjewfasd89asd8f.pdf" download="预算表.pdf">下载支出费用表</a>
原文：http://www.cnblogs.com/leap/p/4985134.html
最近需要给html5的WebAPP在页面上实现一个复制功能：用户点击长按文本会全选文字并弹出系统“复制”菜单，用户可以点击“复制”进行复制操作，然后粘贴到AppStore搜索对应的应用。之所以不是采用链接形式直接跳转到AppStore对应应用是为了通过用户的主动输入关键词搜索给推广的企业App增加权重。所以这一个“复制”功能对用户的体验至关重要。尝试了一些做法，在安卓/iOS平台上的兼容性都不是很好。在微信浏览器内是很容易实现长按...
<canvas id=‘test01‘></canvas><script>
function draw25(id) {var canvas = document.getElementById(id);if (canvas == null)return false;var context = canvas.getContext(‘2d‘);var g1 = context.createLinearGradient(0, 0, 0, 300);g1.addColorStop(0, ‘rgb(255,0,0)‘); //红 g1.addColorStop(0.5, ‘rgb(0,255,0)‘);//绿g1.addColorStop(1, ‘rgb(0,0,255)‘); //蓝//可以把lg对象理解成GDI中线性brushcontext.fil...
女朋友已经发话了，就由我来做一个可以拖动图片的网页。我说你还是另请高明吧，我也不是谦虚，我一个搞大数据的怎么就跑来搞前端了。目标：搞一个支持图片拖动的网页。百度了一圈，资源还挺多。接下来就是各种调框框大小，圆角啥的。结果搞出来这么一段相当丑陋的HTML的代码来，勉强能满足需求。<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>证据的分类练习</title><style type="text/css">#div1{width: 20%;height:...
这是一个基于 CSS3 动画实现的图片过渡效果，共有 Flip、Rotation、Multi-flip、Cube、Unfold 等6种效果，它们将证明 CSS3 Transform 和 Transition 属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择。