腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

游戏杂谈

专栏作者

428

文章

633934

阅读量

27

订阅数

不使用定时器实现的onhashchange

之前看sparks345 写的《不采用interval方式模仿onHashChange》

2019-02-25

6220

JavaScript的动画组件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动画组件</title> <style type="text/css"> #motion { background: #ccc; width: 500px; height: 500px; position: relative; overflow: hidden; float: left; } #motion #ball { width: 40px; height: 40px; background: red; position:absolute; *font-size: 0px; } #motion #flag { background: yellow; width: 4px; height: 4px; position:absolute; *font-size: 0px; } #status { float: left; margin: 0px 10px; } #status .item { margin: 1em 0px; } #chart { *zoom: 1; margin: 0px 20px 10px 0px;; } #chart { position: relative; width: 250px; height: 250px; background: #eaeaea; } #chart div { width:4px; height:4px; cursor:pointer; background: green; position: absolute; *font-size: 0px; } #chart:selected { background: red; } </style> </head> <body> <div id="container"> <div id="motion"></div> <div id="status"> <div class="item"> 时长（毫秒）： <select id="duration"> <option value="100">100</option> <option value="200">200</option> <option value="300" selected="selected">300</option> <option value="500">500</option> <option value="800">800</option> <option value="1000">1000</option> <option value="1200">1200</option> <option value="1500">1500</option> <option value="1800">1800</option> <option value="2000">2000</option> </select> </div> <div class="item">

2019-02-25

7540

TextRange之插入表情

SNS类或是微博类的产品一般都有一个功能：插入表情，如下所示：重点：兼容IE与其它主流的浏览器，根据上一次选择的选区范围进行操作。自己写了一个TextRange（参考了网上的一些例子和代码） /

2019-02-25

1.1K0

网页布局之九宫格

九宫格虽然嵌套了一些标签，但对于IE6、IE7来讲为了达到预期的美术效果，这中间需要进行权衡；无论怎么讲，他还是很多精华之处。

2019-02-25

9270

一道二栏布局题目

<div id="wrapper"> <div>C</div> <div>A</div> <div>B</div> </div>

2019-02-25

3090

兼容浏览器的insertAdjacentHTML

msdn.microsoft.com/en-us/library/ms536452(VS.85).aspx

2019-02-25

8010

Javascript倒计时

运行示例代码： <!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.org/1999/xhtml"> <head> <title> new document </title> </head> <body> <div> 距离广州亚运会开幕时间2010年11月12还有：<span id="otherTime"></span> </div> </body> </html> 运行

2019-02-25

9230

从10W个数中随机抽走2个数，求出那两个数是多少

编程算法 html http

从1到10w（共10w个数）中随机抽走2个数，然后打乱剩下的数的顺序，问如果从这剩下的数中快速的找出抽走的是哪2个数？

2019-02-25

1K0

使用Ajax建立的Server Push和Iframe建立的Comet

ajax socket编程 html node.js php

这里使用的例子就是一个在线CD销售页面，前台发起ajax请求，后台随机取一个数，从现在库中减去获得的随机数，然后返回给前台；

2019-02-25

8070

flash在网页应用中的一些特殊应用场景

一般flash在网页显示出来就可以了，不用说与JavaScript之间交互的问题，但有时应用又较为特殊(须兼容各主流浏览器)：

2019-02-25

9730

基于Canvas的时钟

这里有一点取巧：画完外圈圆、内圈圆后，将原点（默认为0,0）转换为圆的中心点，这样的话，只需要知道角度，在已知时针、分针、秒针它的长度情况下，很容易求出对应的坐标(x, y)

2019-02-25

6580

JavaScript求最大公共子串

html 编程算法 http

对两个字符串的每一项都进行比较，若匹配则该项为1，不匹配则为0。然后求出对角线最长为1的那一段序列，即为最大公共子串。

2019-02-25

8520

html5 http canvas html api

关于HTML5 Canvas的基础教程 (原文HTML5 canvas - the basics)

2019-02-25

1.2K0

CSS3模拟的iphone键盘

<!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.org/1999/xhtml"> <head> <title>使用CSS3模拟的iphone键盘</title> <style type="text/css"> @font-face { font-family: 'iPhone keyboard'; src: url(http://cahty.googlecode.com/svn/trunk/css/iphone-keyboard.ttf); } body { margin:0; color:gray; font-family:Helvetica, Arial, sans-serif; } #iphone-keyboard { max-width:480px; margin:10px auto; padding:0; overflow:hidden; border-top:1px solid #3A3D42; background:#757D8A; background-image:-moz-linear-gradient(#9098A3, #454f5d); background-image:-webkit-gradient(linear, left top, left bottom, from(#9098A3), to(#454f5d)); box-shadow:0 1px 0 rgba(255,255,255,.3) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.3) inset; -webkit-box-shadow:0 1px 0 rgba(255,255,255,.3) inset; } #iphone-keyboard li { text-align:center; margin:.5em .1em .25em; list-style:none; } #iphone-keyboard li:first-child { margin-top:.3em; } #iphone-keyboard button, #iphone-keyboard button.specialkey:active { color:#3A3D42; text-decoration:none; text-align:center; text-shadow:0 1px 1px white; font-weight:bold; border:0; border-top:1px solid rgba(255,255,255,.45); background:#ECEDEF; background-image:-moz-linear-gradient(#f8f8f9, #dddfe1); background-image:-webkit-gradient(linear, left top, left bottom, from(#f8f8f9), to(#dddfe1)); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,.7), 0 1px 0 rgba(0,0,0,.3); } #iphone-keyboard button { display:inline-block; width:8.6%; margin:0 .25%; padding:.02em 0 .03em; color:black; font-size:1.35em; font-family:Helvetica, Arial, sans-serif; } #iphone-keyboard button:active, #iphone-keyboard button.space:active { background-image:-moz-linear-gradient(#E2E3E4,

2019-02-25

5670

获取某一天是该年中的第多少周

比如第一年第一天是星期一，那么直接获取那一天是该年中的第多少天，取它除以7的上限；

2019-02-25

8220

一个十分简短的Tween

说它短，是因为总共核心代码+注释不到100行。(需要声明一下的是此代码非原创，但略有修改，加了自已的部分注解)

2019-02-25

4850

Chrome的桌面通知

最近在使用朋友网(不加链接，避免有打广告的嫌疑)，发现会出现提示“是否允许网站显示桌面通知？”，如下图所示：

2019-02-25

1.3K0

JavaScript版的简单动画

Google+中有一个特效：拖拽用户头像至分组内，用户头像会有一个特效（绕着圆圈转一圈）。写了个简单的示例，效果如下图所示：

2019-02-25

6040

html http javascript

DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域，各浏览器实现了相应的方法，可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在，所以它能在所有元素上使用。

2019-02-25

7830

一组数字1-n，随机取走3个，求被取走的数【腾讯前端面试题】

本来是搜索as3的相关资料(工作重心已经由前端开发转向webgame开发)，在看帖子的时候又看到那道“腾讯前端面试题目”了，以前看到这些题目都不会太注意--感觉实际生产中不太实用。

2019-02-25

4990

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态