- 博客(67)
- 收藏
- 关注
RSS订阅转载 Javascript Jquery 中的数组定义与操作
1.认识数组数组就是某类数据的集合，数据类型可以是整型、字符串、甚至是对象Javascript不支持多维数组，但是因为数组里面可以包含对象（数组也是一个对象），所以数组可以通过相互嵌套实现类似多维数组的功能1.1 定义数组声明有10个元素的数组var a = new Array(10);此时为a已经开辟了内存空间，包含10个元素，用数组名称加 [下标]
2016-11-08 12:55:07
1726
原创 ajax(jsonp)
$(function () { //Jaja1(); //Jaja2(); Jaja3();});function Jaja1() { $.ajax({ type: "post", url: "..." + Math.random(), scriptCharset: 'gbk',
2016-11-08 12:31:55
379
转载 前端面试宝典——来自cnblog
前言 本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：(来源程劭非老师 github:@wintercn)面试题目： 根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。题目类型： 技术视野、项目细节、理论
2016-10-21 10:01:19
518
转载 Web开发面试题
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维 护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTM
2016-10-21 09:59:15
1373
原创 js做的五子棋
五子棋 canvas{ display: block; margin: 50px auto; box-shadow: -2px -2px 2px #efefef, 5px 5px 5px #b9b9b9; } .restart{ text-align: center; cursor: pointer; } .r
2016-07-01 16:59:31
1575
1
转载 纯css导航条
.meter { height: 20px; /* Can be anything */ position: relative; margin: 60px 0 20px 0; /* Just for demo spacing */ background: #555; -moz-border-radius: 25px; -webkit-border-radius
2016-03-27 02:38:07
459
转载 jquery图片提示
3-2-0body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}img{border:none;}ul,li{ margin:0; padding:0;}li{ list-style:no
2016-02-25 10:22:15
494
转载 jquery文字提示
3-2body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%;}p{ clear:both; margin:0; padding:.5em 0;}/* tooltip */#tooltip{
2016-02-25 10:19:43
328
转载 php简易增删改查
1、新建数据库 news,blogs2、php连接数据库（conn.php）<?php header('Content-type:text/html;charset=utf-8'); @mysql_connect("localhost:3306","root","admin123")or die("mysql连接失败"); @mysql_select_db("news")
2016-01-15 15:20:22
7493
转载 ajax，load方法
ajax1.load{ width:600px; height:400px; border:solid 1px #ccc; } $('input[type=button]').click(function(){ $('.load').load('text.html?date='+Math.random()); });
2016-01-08 16:08:38
298
转载 ajax，get方法
ajax1div{ width:600px; height:400px; border:solid 1px #ccc; color:#f00; }$('input[type=button]').click(function(){ //alert(1); $.get('process.php',{'username':$('#username').val()},
2016-01-08 16:06:26
258
转载 用ajax从服务器传文件，ajax方法
ajax1div{ width:600px; height:400px; border:solid 1px #ccc; color:#f00; }#info { overflow: auto;} $('input[type=button]').click(function(){ var ul = $('#info>ul'); $.ajax({
2016-01-08 16:01:20
577
转载 锚点平滑定位（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
2354
转载 钟
钟.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
480
转载 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
793
转载 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
15667
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
309
转载 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
1163
转载 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
1241
转载 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
763
转载 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
501
转载 火焰鼠标跟随 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
737
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
1116
转载 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
11192
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
1861
转载 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
259
转载 百度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
462
转载 js判断接入设备
function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAge
2015-12-11 14:45:16
517
转载 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
558
转载 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
570
转载 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
244
转载 jquery获取屏幕高度
$(document).ready(function() { alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(documen
2015-12-01 17:52:16
230
转载 学习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
289
转载 css初始化
/********** layout css begin **********/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,buttonform,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }/*
2015-11-30 15:19:52
214
转载 canvas画圆
canvasbody{ background:#808080;}#canvas{ background:#FFFFFF;} window.onload = function(){ //获取canvas画布 var canvas = document.getElementById('canvas'); //获取2d绘图环境
2015-11-30 12:41:55
896
转载 css3突出显示动画导航
css3突出显示动画导航 * { /* Basic CSS reset */ margin:0; padding:0; } body { /* These styles have nothing to do with the ribbon */ background:#000; padding:35px 0 0;
2015-11-27 19:59:48
696
转载 canvas画笔（涂鸦）
canvasbody{ background:#808080;}#canvas{ background:#FFFFFF;} window.onload = function(){ //获取canvas画布 var canvas = document.getElementById('canvas'); //获取2d绘图环境
2015-11-27 16:34:34
1092
转载 canvas画线段
canvasbody{ background:#808080;}#canvas{ background:#FFFFFF;} window.onload = function(){ //获取canvas画布 var canvas = document.getElementById('canvas'); //获取2d绘图环境
2015-11-27 14:13:35
484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人