自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

记录学习前端的点滴知识

不积跬步无以至千里

博客等级

码龄10年

18
原创

2
点赞

1
收藏

1
粉丝

关注

私信

热门文章

分类专栏

最新评论

HTML5热点 area自适应 jq
weixin_45417312: 功能非常强大，但是我在使用过程中，发现了一个问题，每次调用window.location.reload()时页面都被刷新了会导致页面短暂白屏且用户操作如表单输入被重置，用户体验不太好。仔细阅读代码后，发现刷新的作用主要是让计算coords时，基于当前页面宽高和默认图片宽高，尽量让偏差调到最小。基于这个思路，我增加了一个defaulCoords的属性，记录原始热点区域坐标，后面计算coords时使用这个属性，可以达到一样的效果，且不再需要反复刷新页面，相关代码如下 [code=html] <area shape="rect" coords="1285,410,1409,451" defaultCoords="1285,410,1409,451" /> [/code] [code=javascript] page = { areaValue: function () { $("area").each(function () { var oldValue = new String(); oldValue = $(this).attr("defaultCoords"); var newValue = page.adjustPoint(oldValue); $(this).attr("coords", newValue); }) }, } var timeout = null;//onresize触发次数过多，设置定时器 window.onresize = function () { clearTimeout(timeout); timeout = setTimeout(function () { page.areaValue(); }, 100);//页面大小变化，重新加载页面以刷新MAP } [/code]
初识BOM
ericxu1116: 这篇bom的文章也不错：http://www.yiidian.com/bom/

DOM 编程的艺术

关注

文章平均质量分 55

关注数：文章数：1 文章阅读量：954 文章收藏量：0

作者: zxlsara

有教养的女子应该是不外露的低调的样子，家庭富有不显摆，生活窘迫不埋怨。学会考虑别人的感受，才美不刻意外露。你的优秀隐藏不了，你的无知和低俗用任何装饰都掩盖不了。不做作，不浪荡，不畏缩，女孩子应该让自己更优秀。

展开

专栏收录文章

用javascript实现基础动画效果

用javascript实现基础动画效果一定义：动画就是让元素的位置随着时间而不断地发生变化。 1.位置网页元素在浏览器窗口里的位置是一种中表示性的信息，由css负责设置的。 element{ position:absolute; top:50px; left:100px; } 2.时间 javascript函数setTimeout能够让某个函数在经过一段预定的时间之后才开

原创 2016-04-09 13:50:39 · 954 阅读 · 0 评论