2015年12月_elegancy_

转载锚点平滑定位（js）

<!-- div.test { width:400px; margin:5px auto; border:1px solid #ccc; } div.test strong { font-size:16px; back

2015-12-30 13:49:01 2384

转载钟

钟.clock{ width:200px; height:200px; border-radius:100%; position:relative; background-image:url(http://sandbox.runjs.cn/uploads/rs/193/ybc7pl9z/6880637_10180600137.jpg); background-size:100%;

2015-12-30 12:00:14 490

转载 jquery图片轮播

choise var t = n = 0, count; $(document).ready(function() { count = $("#banner_list a").length; $("#banner_list a:not(:first-child)").hide(); $("#banner_info").ht

2015-12-25 10:10:32 805

转载 css3动画-ease先快后慢

无标题文档.trans_box { padding: 20px; background-color: #f0f3f9; *zoom:1;}.trans_list { width: 10%; height: 64px; margin:10px 0; background-color:#486AAA; color:#fff; text-align:center;}.

2015-12-24 11:06:38 15770 1

转载 js选项卡

#div1 input {background:#CCC;}#div1 .active {background:yellow;}#div1 div {width:200px; height:200px; background:#CCC; display:none;}无标题文档window.onload=function (){ var oDiv=document.getEleme

2015-12-22 12:54:34 325

转载 jquery实现打字效果

TypeTypebody { text-align:center; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; background:rgb(51,51,51); margin:0;}#header { position:absolute; width:100%; top:50%;mar

2015-12-19 14:48:25 1182

转载 jQuery响应式布局

无标题文档*{ margin:0; padding:0; }.main_wrap{ background: #000; width: 100%; overflow: auto;}.main{ height:1000px; color:#fff;}/*********** Judging_screen_height jquery begin

2015-12-18 15:07:43 1260

转载 canvas 火焰

无标题文档.wrapper { margin: 20px auto; text-align: center;}canvas { width: 100%; height: 100%;}$( document ).ready(function() { // Set canvas drawing surface var space = document.get

2015-12-17 14:27:50 780

转载 canvas 响应鼠标火焰喷射

HTML5 Canvas火焰效果 canvas{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; cursor: crosshair;}bgColor = '#111';gravity = 0.03;particleColor = '#f73';canvas =

2015-12-17 14:02:31 513

转载火焰鼠标跟随 canvas

HTML5 Canvas火焰效果.body{ }#myCanvas{ position: absolute; left: 0px; top: 0px;}window.onload = function(){ var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext

2015-12-17 13:50:36 798 2

转载 canvas自适应屏幕

* { margin: 0; padding: 0; } html, body { height: 100%; width: 100%; } canvas { display: block; }$(window).resize(resizeCanvas); function resizeCanvas() { canvas.attr("wid

2015-12-16 15:29:39 1144

转载 Html5中的Canvas宽度为100%

Canvas Resize function resize_canvas(){ canvas = document.getElementById("canvas"); if (canvas.width < window.innerWidth) { canvas.w

2015-12-16 15:27:18 11420 1

转载 css3箭头悬浮

无标题文档body{ background:#000; }.footer_img { position: absolute; bottom: 8%; left: 45%; -webkit-animation-name: arrowing; -webkit-animation-iteration-count: infinite; text-align: ce

2015-12-15 18:05:52 1881

转载 canvas雪景

var canvas = document.getElementById("mc");var ctx = canvas.getContext("2d");function createFlower(context,n,dx,dy,size,length){ context.beginPath(); context.moveTo(dx,dy+size); var dig = 2*Math.

2015-12-15 17:05:34 277

转载百度cdn

http://cdn.code.baidu.com/jqueryhttp://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.jshttp://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js

2015-12-15 12:29:49 484

转载 js判断接入设备

function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAge

2015-12-11 14:45:16 544

转载 jq响应式布局并计数

导航栏*{ margin:0; padding:0; }#switcher{ width:100%; height:40px; background:#00A0E9; position:fixed; top:0; z-index:99999;}#screen_count{ float:right; height:40px; line-height:50px;

2015-12-03 13:55:29 571

转载 jquery动画（定时器）

canvasbody{ background:#808080;}#canvas{ background:#ffffff;}window.onload = function(){ //alert('1'); var canvas=document.getElementById('canvas'); var cxt=canvas.getContext('2d'); v

2015-12-02 12:30:49 586

转载 jquery 选项卡

导航栏#tab{ width:240px; margin:50px;}.tab_menu{ clear:both;}.tab_menu li{ display:inline-block;//将导航头左飘 text-align:center; //将文字居中 list-style:none; //去除标记符号 background

2015-12-02 11:45:08 259

转载 jquery获取屏幕高度

$(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(documen

2015-12-01 17:52:16 241

转载学习JQuery的$.Ready()与OnLoad事件比较[转]

$(document).Ready()方法 VS OnLoad事件 VS $(window).load()方法接触JQuery一般最先学到的是何时启动事件。在曾经很长一段时间里,在页面载入后引发的事件都被加载在”Body”的Onload事件里.对于Body的Onload事件和JQuery的Ready方法相比，有很多弊端.比如:1.加载多个函数的问题在Onload事件中只能这

2015-12-01 16:49:39 299

web前端技术交流分享