Hugh's Blog

JavaScript 禁止鼠标事件

有些网站要求禁止鼠标功能,比如禁止选择文字,禁止右键菜单等,做个记录 // 禁止右键点击 document.oncontextmenu = function() { return false; }; window.onmousedown = function () { if (window.event) { if (event.button == 2) { return false; } } } // 禁止复 ...

JavaScript 简单计时器

最近工作中需要做一个活动倒计时的效果,代码很简单,做个记录 <!DOCTYPE html> <html> <head> <title>Countdown</title> </head> <body> <h1 id="tick">00:00:00</h1> <script> var handler = setInterval(function() { updateTick(document.querySelector('#tick'), handler) }, 1000); function updateTick(ele, handler) { var start = new Date(1468242903875), end = new Date(); var d = end - start, h = Math.floor((d ...

谷歌地图绘制多个地点

官方就有很好的例子,具体开发还要找官方 api 文档,下面是一个简单的显示多个地点的例子。 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>Google Maps Multiple Markers</title> <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> </head> <body> <div id="map" style="width: 500px; height: 400px;"></div> <script type="text/javascript"> var locations = ...

jQuery 锚文本滚动

最近项目需要做一个简单的导航栏,需要在页面滚动时自动置顶在上方,并为其中的链接添加 anchor;实现方法是使用 jQuery,下面是简单实现的 ...