摘要：
如图，最简单的纯粹的选项卡第一步，当然是先写html代码和css样式<!DOCTYPE html><html><head><meta charset="gb2312" /><title>无标题文档</title><style>body,ul,li{margin:0; padding:0; font:12px/1.5 arial;}ul,li{list-style:none;}.wrap{width:500px; margin:20px auto;}.hide{display:none;}#t 阅读全文
摘要：
如下图片示，安卓手机大多都有一个滑动相应的图案解锁的效果。比较简单的实现效果：鼠标移过，如果方向顺序正确，显示正确的提示，如果方向顺序错误，显示错误的提示。相对复杂的实现效果：鼠标在开始那格按下，按下的同时移动鼠标，直接鼠标按键抬起。鼠标移动中间，方向顺序正确与否都有提示。鼠标移过：1 鼠标最开始移到的位置如果正确，提示为正确，否则提示错误。2 鼠标移到每一块方块判断是否正确，然后提示。3 鼠标移到最后一个方块上时，如果正确，显示解锁。 阅读全文
摘要：
很多网站都有如下图这样的星星打分效果，今天就看下用js怎么实现打分效果。效果详解1. 鼠标移上的时候星星点亮，下面的文字显示。鼠标移出的时候星星为灰，下面文字不显示。2. 鼠标移到某个星星上，它之前的所有星星都会亮。3. 鼠标移到某个星星上并点击，会显示打分结果。代码如下<!doctype html><html><head> <meta charset="gbk"> <title>切换</title> <style>.wrapper{width:300px; margin:10px auto 阅读全文
摘要：
内容不间断向左滚动，相当于不断向右移动滚动条，内容向左滚动。要点一：scrollLeft 使用： id.scrollLeft例如下面的简单的例子，当文字向左滚动的时候，就可以看到滚动条在向右移动要点二：setInterval 使用：var timer = setInterval(func,100);每隔多长时间，执行一次<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&q 阅读全文
摘要：
这些内容有些是自己总结的，有些是看到别人的文章记录下来的，谢谢你们的分享。此文章会继续补充完善。多数浏览器共有1. 图片下面有空隙。解决办法：给图片加display:block样式，或者vertical-align:middle样式。2. 表格显示1px边框。解决办法：给table加border-collapse:collapse样式，给td加border:1px solid #ccc样式。iechrome1. chrome下12px以下的字号浏览器显示是12px。解决办法：在css中加-webkit-text-size-adjust:none; 阅读全文
摘要：
今天看css探索之旅 的博客文章，有个用setTimeout写定时炸弹的效果，自己也就照猫画猫来写一个。<!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><meta http-equiv="Cont 阅读全文