Canvas经典实例教会你怎么用代码绘图
Canvas是html5的新标签，在html5新出的一批标签之内，我认为Canvas是一个领头标签，俗称画布。用于在网页上绘制图像甚至是视频动画的一个专属平台，绘制动作由js来承担。把我写的一段简单的代码放出来，就不解释了，解释都在注释里面： 你的该死的浏览器不支持画布！ var qiuye=document.getElementById("canvas"); var ctx=qiuye.getContext("2d");/**创建画布**/ ctx.fill...
H5的localStorage本地存储替代cookie
在客户端存储数据，之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。 在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。 主要是使用了H5的localStorage 方法存储，它的神奇之处在于数据没有时间...
常用的产品列表页选项卡切换JQ实例
切换选项卡的jq方法有很多，但每一个的思路和原理都不一样，这里介绍一个比较灵活的方法，就是搬哪哪都可以用，只要按照原理的结构布置html代码即可。效果图见如下（分别点击不同的地方展示不同的产品）： html代码结构（别看代码多，都是循环）： <div class="qiuye-gongji qiuye-gongji2"> <div class="qiuye-g-t"> <table> <tr> <td class="q...
CSS也能做PS效果（倒影与描边）
Photoshop可以做各式各样美轮美奂的特效图片，代码能否做到？在网页中用代码把图片描述出来，这就是CSS3的奇妙之处。简称——用代码绘图。 首先我们来看一下效果： 30分钟 有效缓解偏头痛 2小时 头痛完全消失 欧立停30分钟头痛缓解率38% 欧立停2小时头痛缓解率74% .daoying { FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr= rgb(229,23...
让宽度变化的元素水平居中显示
让一个元素水平居中常用的方法是给需要居中的元素块设置固定宽度以及margin:0 auto属性，如已知一个元素的宽度（定死了的，后期不会再变化），那么如下代码即可轻松让其居中： <div class="wuover"> <div class="qiuqiu">我是秋叶!</div> </div> <style> .qiuqiu{width:80px;margin:0 auto;} </style> 但是如果碰到了qiuqiu这个div里面...
博客的价值何在
谈及博客的价值，赚钱？非也。博客真正存在的价值在于它独特的精神价值，至少我这么认为。 博客的精神价值，愈久而弥香 大浪淘沙留下了的多是金子。曾经的博客也是席卷每个角落的存在，博客的种类很多，体育，文化，财经，杂谈，推广，时评。大浪淘沙，无论是哪个种类，目前存活下来的都是精耕细作的。或是思想交织，灵魂的碰撞，或是技巧的传授，或是是科学的论证，或是针...
高亮菜单栏目的通用方法
高亮菜单栏目在网站开发中几乎是不可能不会用到，包括很多开源程序也要用到，连dedecms都专门做了currentstyle这个标签属性。所谓高亮，就是点击相应菜单后使得该菜单得以聚焦的效果，明确页面路径，让访客能很清楚知道自己所处的页面归属于哪个栏目。然而让后端实现的话非常困难，非常麻烦，需要判断各个页面的id以及匹配id等等，况且方法不通用，在dede中的标签方法在wp中...
Frameset框架划分网页的运用
Frameset是一个框架网页标记语言，使用它可以很自如地把任何一个网页嵌入到任何一个网页当中去，而且各个网页之间保持独立性，有的人也用框架技术实现局部的刷新，比如说一些音乐视频网站，点击链接后直接在本页的播放窗口刷新媒体界面实现播放，而其它元素不刷新，对于用户体验甚是良好。经典的Frameset代码： <frameset rows="48px,*" border="0"> <frame name="...
History.back返回按钮的判断
先说一下这个功能，有的网页不用浏览器的返回后退按钮，而是直接用onClick="javascript:history.back();"，而第一次进入页面的时候是没有浏览历史的，进而返回按钮失效，而我们又不想要它失效，而是让它跳转到我们想要访问者去到的页面。实现原理：浏览器的history是有初始值的，也即是history.length，比如ie=0;firefox=1 （包括 firefox ，google) ;opear=0。当history.le...
五种使用js/jq展开收缩方法代码
本页若无效果，需刷新页面，刷新我吧！ 网页中展开收缩内容块是一个用得很频繁的功能，这往往离不开js和jq的实现，当然也不排除新元素html5的支持可以不用js来创建这一个功能。无论如何，展开和收缩有很多方法实现，就js来说都有多种写法。 1.首先看一下H5是怎么实现的： <details> <summary>展开/收缩</summary> <ul><li>这是展开的我</l...
