Skip to content

Instantly share code, notes, and snippets.

<!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>
<style>
#div1 input {background:#CCC;}
#div1 .active {background:yellow;}
#div1 div {width:200px; height:200px; background:#CCC; display:none;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
@less1992
less1992 / one_text.html
Created March 27, 2013 07:32
缓冲运动
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function getstyle(obj,attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
@less1992
less1992 / Move.js
Created March 27, 2013 14:22
Move.js
/**
* Created with JetBrains WebStorm.
* User: Administrator
* Date: 13-3-27
* Time: 下午8:15
* To change this template use File | Settings | File Templates.
*/
function getstyle(obj,attr)
{
if(obj.currentStyle)
@less1992
less1992 / 面包屑.html
Created March 29, 2013 18:03
面包屑
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
.demo{
@less1992
less1992 / 提示小三角.html
Created March 29, 2013 18:07
三角形提示框
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
*{margin:0;padding:0;}
div{
width:80px;
height:200px;
background:#ccc;
<!DOCTYPE html>
<html>
<head>
<title></title>
<!--[if lt IE 10]>
<script type="text/javascript" src="pie/PIE.js"></script>
<![endif]-->
<script language="javascript">
$(function() {
if (window.PIE) {
@less1992
less1992 / 分步执行.html
Created March 31, 2013 13:33
分步式执行
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="style/zns_common.css" type="text/css" rel="stylesheet" />
<link href="style/zns_headerbar.css" type="text/css" rel="stylesheet" />
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript" src="js/ie6Fixpng.js"></script>
@less1992
less1992 / substep.js
Created March 31, 2013 13:34
分步式的js文件
window.onload=function()
{
var oDiv=document.getElementById('div1');
var oNavBox=oDiv.children[0];
var oUl=oDiv.children[1];
var aLi=oUl.children;
var opened=false;/*点击选择,是否显示还是隐藏*/
var t=true;/*看看是否完成了显示,防止出现重影*/
oNavBox.onclick=function()