web前端技术交流分享

web前端技术交流分享

Javascript Jquery 中的数组定义与操作

1.认识数组 数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1 定义数组 声明有10个元素的数组 var a = n...

2016-11-08 12:55:07

阅读数 1508

评论数 0

ajax(jsonp)

$(function () { //Jaja1(); //Jaja2(); Jaja3(); }); function Jaja1() { $.ajax({ type: "post", u...

2016-11-08 12:31:55

阅读数 232

评论数 0

前端面试宝典——来自cnblog

前言   本文总结了一些优质的前端面试题(多数源于网络),初学者阅后也要用心钻研其中的原理,重要知识需要系统学习,透彻学习,形成自己的知识链。万不可投机取巧,只求面试过关是错误的! 面试有几点需注意:(来源程劭非老师 github:@wintercn) 面试题目: 根据你...

2016-10-21 10:01:19

阅读数 330

评论数 0

Web开发面试题

HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外 链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件,容易维 护、改版方便,不需要变动页面内...

2016-10-21 09:59:15

阅读数 1081

评论数 0

js做的五子棋

五子棋 canvas{ display: block; margin: 50px auto; box-shadow: -2px -2px 2px #efefef, 5px 5px 5px #b9b9b9; } .restart{ t...

2016-07-01 16:59:31

阅读数 1235

评论数 1

纯css导航条

.meter { height: 20px; /* Can be anything */ position: relative; margin: 60px 0 20px 0; /* Just for demo spacing */ background: #555; ...

2016-03-27 02:38:07

阅读数 376

评论数 0

jquery图片提示

3-2-0 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } img{border:none;}...

2016-02-25 10:22:15

阅读数 355

评论数 0

jquery文字提示

3-2 body{ margin:0; padding:40px; background:#fff; font:80% Arial, Helvetica, sans-serif; color:#555; line-height:180%; } p{ clear:both; ma...

2016-02-25 10:19:43

阅读数 220

评论数 0

php简易增删改查

1、新建数据库 news,blogs 2、php连接数据库(conn.php) <?php header('Content-type:text/html;charset=utf-8'); @mysql_connect("localhost:3306","...

2016-01-15 15:20:22

阅读数 6122

评论数 0

ajax,load方法

ajax1 .load{ width:600px; height:400px; border:solid 1px #ccc; } $('input[type=button]').click(function(){ $('.load').load('text.html...

2016-01-08 16:08:38

阅读数 190

评论数 0

ajax,get方法

ajax1 div{ width:600px; height:400px; border:solid 1px #ccc; color:#f00; } $('input[type=button]').click(function(){ //alert(1); $.g...

2016-01-08 16:06:26

阅读数 164

评论数 0

用ajax从服务器传文件,ajax方法

ajax1 div{ width:600px; height:400px; border:solid 1px #ccc; color:#f00; } #info { overflow: auto; } $('input[type=button]').cl...

2016-01-08 16:01:20

阅读数 464

评论数 0

锚点平滑定位(js)

<!-- div.test { width:400px; margin:5px auto; border:1px solid #ccc; } div.test s...

2015-12-30 13:49:01

阅读数 1201

评论数 0

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

2015-12-30 12:00:14

阅读数 356

评论数 0

jquery图片轮播

choise var t = n = 0, count; $(document).ready(function() { count = $("#banner_list a").length; $("#bann...

2015-12-25 10:10:32

阅读数 702

评论数 0

css3动画-ease先快后慢

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

2015-12-24 11:06:38

阅读数 9094

评论数 0

js选项卡

#div1 input {background:#CCC;} #div1 .active {background:yellow;} #div1 div {width:200px; height:200px; background:#CCC; display:none;} 无标题文档 wind...

2015-12-22 12:54:34

阅读数 214

评论数 0

jquery实现打字效果

TypeType body { text-align:center; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; background:rgb(51,51,51); margin:0;...

2015-12-19 14:48:25

阅读数 674

评论数 0

jQuery响应式布局

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

2015-12-18 15:07:43

阅读数 384

评论数 0

canvas 火焰

无标题文档 .wrapper { margin: 20px auto; text-align: center; } canvas { width: 100%; height: 100%; } $( document ).ready(function() { // Se...

2015-12-17 14:27:50

阅读数 527

评论数 0

提示
确定要删除当前文章?
取消 删除