随笔分类 - Web常见效果or技巧
摘要：直入正题.. 刚刚想写篇总结，照常登上博客园添加新随笔，写了百来字发现有什么不对劲 编辑器去哪儿了。。。 心想重新登录应该就OK了吧，点击退出然后重新登录 按钮一直显示加载中。。。简直就没法登录嘛。。。 只好通过开发者工具查看错误，一看就是JQ库没加载出来报错了 真是奇怪了，我其他网站访问还算正常，
阅读全文
摘要：有IOS的开关模拟，当然也有MIUI的开关模拟 看到设置选项里面的开关样式，突发奇想地来试试 最终效果如图： 实现过程 1. 选项框checkbox 模拟开关当然需要一个选项框，这里用到了复选框checkbox 2. 理解开关的过程 点击开关按钮，则开启或关闭。原生的checkbox无法做到图示的效
阅读全文
摘要：图片轮播(左右切换)--js原生和jquery实现 左右切换的做法基本步骤跟 上一篇文章 淡入淡出 类似，只不过修改了一些特定的部分 （1）首先是页面的结构部分 对于我这种左右切换式 1.首先是个外围部分（其实也就是最外边的整体wrapper)2.接着就是你设置图片轮播的地方（也就是一个banner
阅读全文
摘要：图片轮播(淡入淡出)--js原生和jquery实现图片轮播有很多种方式，这里采用其中的 淡入淡出形式js原生和jQuery都可以实现，jquery因为封装了很多用法，所以用起来就简单许多，转换成js使用，其实也就是用js原生模拟出这些用法。但不管怎样，构造一个最基本的表现层是必须的简单的图片轮播一般
阅读全文
摘要：一个注册框 进行表单验证处理如图有简单的验证提示功能具体可以 查看演示代码思路也比较简单输入框失去焦点时便检测，并进行处理表单具有 onsubmit = "return check()"行为，处理验证情况点击提交表单按钮时，进行最终的验证，达到是否通过表单提交的请求。先是最基本的html+css部分...
阅读全文
摘要：一个简单的可拖动div，随着鼠标的移动，div可随之走动 主要思路： 一个div，注册监听onmousedown事件，然后处理获取的对象及其相关值（对象高度，clientX/clientY位置等） 并继而转为监测onmousemove事件，在鼠标移动事件中更新div对象的位置属性 鼠标松开的时候解除
阅读全文
摘要：简单的文本框输入自动提示--输入的时候可以直接异步加载数据库中匹配的项，然后显示出来。 这里没有使用到数据库，直接在PHP用数组模拟数据存储。 demo演示原理主要是：监听输入框的状态，当有改变的时候即刻通过ajax发送数据并取得返回值。主要使用了jQuery封装很方便，但貌似我这个...
阅读全文
