不如养猪！

/** * 定位当前城市 */ function locationInit(){ $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function(_result) { if (remote_ip_info.ret == '1') { cityName = r

*{margin:0;padding:0;} body{background-color:#0096dd;} #lanren{ width:200px; height:200px; margin:100px auto; background:url(images/dog.png) no-repeat 0 0; animation:animate-tail 3.75s ste

*{ margin:0; padding:0; list-style:none;}#lanren #audio-btn{width: 44px;height: 44px; margin:100px auto;background-size: 100% 100%;}#lanren .on{background: url('images/music_on.png') no-repeat 0 0;

.firework { display: block; width: 100px; height: 100px; background: url(web_firework_animation.png) 0 0 no-repeat; background-size: 200%; animation: heart-burst steps(28) 0.9s in

直接清除touch事件document.removeEventListener("touchstart", self.pageLockHandler, false);document.removeEventListener("touchend", self.pageLockHandler, false);function pageLockHandler(e) {    e.preventD

.p-z-index{ position:absolute; left:0px; top:0px; z-index:-1; }值         描述auto 默认。堆叠顺序与父元素相等。number 设置元素的堆叠顺序，数值越大，层次越靠上。为-1时在最底部。inherit 规定应该从父元素继承 z-index 属性的值。PS：Z-index 仅能

function secend_animation(){ var petbigeye = $("#petbigeye").val(); var petsmalleye = $("#petsmalleye").val(); var kidweaklight = $("#kidweaklight").val(); var kidpowerfullight = $("#kidpowerf

/**hi的显示与隐藏*/.hiAnimation { position:absolute; -webkit-animation-name: fadeInOut; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite;

.kidfly_animation{position:relative;animation:myfirst 5s;-moz-animation:myfirst 5s; /* Firefox */-webkit-animation:myfirst 5s; /* Safari and Chrome */-o-animation:myfirst 5s; /* Opera */}@keyfr

.introduce{width:100%;height:88%; display: inline;white-space: nowrap; overflow-x:hidden;float:left;overflow-y:scroll;} .iknowbtn{position: absolute; background-color: #63b0ff;marg

/** 全国三级城市联动 js版*/function Dsy(){ this.Items = {};}Dsy.prototype.add = function(id,iArray){ this.Items[id] = iArray;}Dsy.prototype.Exists = function(id){ if(typeof(this.Items[id]) == "undefi

function setCookie(name,value){ var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*30); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString

function addElement_imageText(img,title,source,view_count,publish_time,url,article_type,newsid,category_chn){ /*var reconmendDiv = document.getElementById("m-newList"); var reconmendDivWarp = doc

function formatMsgTime (dateTimeStamp) { var minute = 60; var hour = minute * 60; var day = hour * 24; var halfamonth = day * 15; var month = day * 30; var now = new Date().getTime()/1000

function CountDown() { if (maxtime >= 1) { minutes = Math.floor(maxtime / 60); seconds = Math.floor(maxtime % 60); msg = "距离结束还有" + min

function getScrollTop(){ 　　var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0; 　　if(document.body){ 　　　　bodyScrollTop = document.body.scrollTop; 　　} 　　if(document.documentElement){ 　　　　

类似如下的功能：js关键代码$(function(){//当键盘键被松开时发送Ajax获取数据 $('#spinput').keyup(function(){ var keywords = $(this).val(); $.ajax({ // url: 'http://suggestion.baidu.com/su?wd='+keywords,

/** * 定位当前城市 */ function locationInit(){  $.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js', function(_result) {if (remote_ip_info.ret == '1') {cityName = remote_i

function addElement_pic(i,imgsrc,website,landingPage){ //获得ul var ul = document.getElementById("hot_web_pic"); //创建li var li = document.createElement("li"); //给li设置属性 　　 li.setAttrib

一 加载优化加载过程是最为耗时的过程，可能会占到总耗时的80%时间，因此是优化的重点1. 减少HTTP请求因为手机浏览器同时响应请求为4个请求（Android支持4个，iOS 5后可支持6个），所以要尽量减少页面的请求数，首次加载同时请求数不能超过4个a) 合并CSS、JavaScriptb) 合并小图片，使用雪碧图2. 缓存使用缓存可以减少向服务器的请求数，节

如果设计师面试一位 Web 前端工程师，其中有一段这样的对话：“如果设计师希望用图片实现某个字体样式，而从技术的角度来说这样不合理，但设计师非常坚持，这时候你怎么办？”“我会给设计师讲解工程上面临的问题，争取他理解。例如：如果文本使用图片，以新浪站点的访问量来说，这里会需要消耗大量的服务器资源，至少需要增加多台服务器，增加带宽流量消耗”。这些年 Web 前端技术在迅猛的发展

.first-words{ //针对每秒写样式 opacity: 0; /*实先规定文字的状态是不显示的*/ animation: fade-in 4s ease 0s 1; /*调用名称为fade-in的动画，全程动画显示时间4S，进入方式为ease，延时0S进入，播放次数1次*/ -webkit-animation: fade-in 4s ease 0s

$(function(){ $.topuiRender(); $("#GridId").setGroupHeaders({ useColSpanStyle: true, //表头是否合并行 groupHeaders:[ {startColumnName: 'ColumnName1', numberOfColumns: 1, titleText: '

/**kid逐渐消失*/ function dieout(){ var oImg = document.getElementById("kid"); //获得图片obj var iAlpha = 60;//用来定义默认的图片的透明度 die(oImg); var oTimer = null; } //定时器 fu

/*自定义一个透明度从0到1的动画，它的名称是fade-in*/@keyframes fade-in{ 0%{ opacity: 0;} 100%{opacity:1;}}@-webkit-keyframes fade-in{ 0%{ opacity: 0;} 100%{opacity:1;}}@-ms-keyframes fade-in{ 0

window['adaptive'].desinWidth = 720; //设计图宽度 window['adaptive'].baseFont = 24; window['adaptive'].init();写css时注意用rem做单位布局而不是用px，因为rem是相对单位

js代码var Tips = { prize:function(win){ var message = {0:{title:'领取成功',msg1:'恭喜您!',msg2:'已成功领取XX'}, 1:{title:'领取失败',msg1:'您尚还未满足领取条件，',msg2:'请先查看活动说明哦！'}, 2:{title:'领取失败',msg1:'

http://sketch.evanyou.me/matrix/examples/periodic_table.html点击打开链接

/** * 以下是时间框输入框架 */var str = "";document.writeln("");str += "\u65f6";for ( h = 0; h str += "0" + h + "";}for ( h = 10; h str += "" + h + "";}str += " \u5206";for ( m = 0; m

HTML5和HTML4之间的区别1、HTML头部（更加简洁）（1）HTML5：        （2）HTML4：          “http://www.w3.org/TR/html4/strict.dtd”>2、HTML编码区别（更加简洁）（1）HTML5：（2）HTML4：

（1）在html页面中导入WdatePicker.js。 （2）开始时间结束时间互相校验（结束时间不能小于开始时间，开始时间不能大于结束时间）。至

无标题文档 只允许输入数字 只允许输入字母 只允许输入汉字 只能输入数字和字母 只能输入email格式的数据(字母 数字 - _ @)只允许输入数字和字母和汉字

后台返回map 里面存的是多个实体对象，用于前台循环便利List<SignPrize> prizeList = signPrizeService.getByActivity(activityid);modelMap.put("prizeList", prizeList);前台<ul class="prise"> <c:forEac...

var touchcount = '0'; //记录滑动次数 // var mybody = document.getElementsByTagName('body')[0]; var mybody = document.getElementById("toucharea"); var h = document.documentElement.clientHeight;

function orient() { if (window.orientation == 0 || window.orientation == 180) { alert("竖屏 "); //可针对横竖屏改变用js动态改变css样式 return false; } else if (wind

HTML内容 js方法：function changevoice(){ var hiddenv = $("#hiddenv").val(); var hiddenq = $("#hiddenq").val(); var src = $("#voice")[0].src; var myAudio = document.getEl

">

Glen Tane John Ralphwindow.onload = function(){ var obj_lis = document.getElementById("list-class").getElementsByTagName("li"); for(i=0;i<obj_lis.length;i++){ obj_lis[i].onclick = function()

首先给定一块区域<iframe id = 'iframeDetail' align="center" width="1330" onLoad="reinitIframe()" src="" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"> 第一种方法：func

function tonewsDetail(sequenceId) {//子页面方法 var url = "news.html?toDetailName=" + sequenceId + "&itemId=1"; window.parent.showFirstPageDetail(url);}function showFirstPageDetail(url){//父页面方法 $("#f