mikazx-CSDN博客

原创当页面滚动到每一元素时，元素固定于浏览器的顶端

function nav(select){var nav = $(select); //获取要滚动的元素var navTop = nav.offset().top;$(document).scroll(function () {if($(window).scrollTop() >= nav.offset().top){nav.css({'position':'

2015-04-24 15:21:40 373

原创通过ajax加载外部json文件，并实现加载照片

main.js格式function callback() {$('#item').hide();alert('success');};$(function(){$('#submit').click(function(){$('#item').show();$.ajax({ url: "js/json.json", succ

2015-03-19 10:17:55 1091

转载 windows下sublime Text的快捷键

快捷键列表（Shortcuts Cheatsheet）通用（General）↑↓←→：上下左右移动光标，注意不是不是KJHL！Alt：调出菜单Ctrl + Shift + P：调出命令板（Command Palette）Ctrl + `：调出控制台编辑（Editing）Ctrl + Enter：在当前行下面新增一行然后跳至该行Ct

2015-02-01 21:46:58 305

原创简易日历

简易日历*{margin: 0;padding: 0;}#div1{width: 420px;height: 700px;margin:10px auto;background: #ccc;}#div1 ul{list-style: none; margin: 0 auto;}#div1 ul li{float: left;width: 100px; height: 100px

2015-01-31 21:10:23 342

原创无缝滚动

无缝滚动 *{margin: 0;padding: 0;} #div1{width: 1160px;height: 231px;margin: 200px auto;position: relative;overflow: hidden;} #div1 ul{list-style: none;position: absolute;left: 0;top: 0;} /*把整个UL一起滚动*

2015-01-31 21:07:50 292

原创 CSS选择器

1.标签选择器；2.id选择器；3.class（类）选择器；4.子选择器还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。5.包含(后代)选择器包含选择器，即加入空格,用于选择指定标签元素下的后辈元素。6.通用选择器通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素7.伪类选择符a:hove

2014-12-29 14:48:29 320

原创 CSS3学习笔记

rotate() 方法通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。CSS3 过渡通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一

2014-12-14 23:33:50 312

转载常见浏览器兼容性问题与解决方案

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以

2014-12-09 23:13:41 392

转载 [CSS3] 新增属性用法整理

一. box-shadow(阴影效果)使用:box-shadow: 20px 10px 0 #000;-moz-box-shadow: 20px 10px 0 #000;-webkit-box-shadow: 20px 10px 0 #000;支持: FF3.5, Safari 4, Chrome 3二. border-colo

2014-12-08 17:50:34 354

原创 html5的新增的标签和废除的标签

新增的结构标签section元素表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中……;HTML4中 ……。article元素表示页面中一块与上下文不相关的独立内容。比如一篇文章。aside元素表示article元素内容之外的、与article元素内容相关的辅助信息。header元素

2014-12-08 17:46:28 396

原创 javaScript学习笔记1

onmouseover('')鼠标移到上面onmouseout('')鼠标离开document.getElementById：通过元素获取ID;

2014-12-02 14:45:35 283

ann_jx的专栏