2016年08月_Annay_li

原创内容定位导航js（移动端)

var myexports={};myexports.init = function(){ myexports.moreTxt();//调用}myexports.moreTxt = function(){var subject =$('#j_subject'); var navigation = $('#j_nav'); //导航 var nav = s

2016-08-31 18:21:08 601

原创 js对象写法

var myexports={}; //创建对象myexports.init = function(){ myexports.moreTxt();//调用函数 }； myexports.moreTxt = function(){ //定义函数并写函数$(function() { myexports.init();

2016-08-31 17:39:26 387

原创 jquery插件

1.stickUp 一个内容定位导航，固定在页面的某一位置，不随页面滚动而滚动，下载：stickUp 2.jquery.jcountdown.js（倒计时插件） 3.lyz.delayLoading.js（图片延时加载插件）其他详见jquery插件库:http://www.jq22.com/

2016-08-31 15:48:05 354

转载 IE6双边距bug及其解决办法

<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">body,div{ margin:0; padding:0;}#div1{ width:200px; he

2016-08-31 15:13:42 844

原创前端工作心得

1.首先要把页面布局理解清楚再动手，确定哪里是需要切图，哪里是需要用代码编写的，同时注意能用代码编写的地方不要懒省事去切图。 2.在写代码的时候要确定好类名，类名要语义化，同时在写代码的时候随时随地格式化自己的代码，一个板块写好把代码折叠起来，免得满屏代码，看的头晕。 3.在编写代码的时候大写英文字母尽可能的小写 4.在布局的时候尽量不要设置高度，除非必须，要设置宽度值，用内容把div撑开

2016-08-31 14:28:42 5751

转载 sublime3快捷键汇总

Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。 Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。 Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。 Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时编辑这些行。 Ctrl+S

2016-08-31 13:57:56 301

原创二级导航菜单栏

html:<div id="nav"><ul><li class="first"><a href="#">Home</a></li><li><a href="#">About Me</a></li><li><a href="#">Portfolio</a><ul><li><a href="#">Web</a></li><li><a href="#">Print</a></li><li

2016-08-26 14:14:06 687

原创鼠标放上去盒子向上滑动

html: <div class="box clearfix"> <div class="box1"></div> <div class="box2"></div> </div>css(引入重置文件后的车css):.box{height: 500px;width: 500px;background-color: pink;}.box1,.box2{widt

2016-08-26 14:09:44 3505

原创鼠标放图片上，原图上划上去一个透明图片

html: <div class="box"> <div class="box1"></div> <div class="box2"></div> </div>css（引入重置文件后的css):.box{height: 100px;width: 200px;background-color: pink;position:relative;overflow-y:hi

2016-08-26 14:06:39 2331

原创选项卡切换

html代码：<div class="box clearfix"> <div class="box1"> <ul> <li class="on"><a href="">按钮一</a></li> <li><a href="">按钮二</a></li> <li><a hr

2016-08-26 14:01:51 635

原创图片轮播

html <div id="wrapper"> <div id="banner"> <ul class="imgList"> <li><a href="#"><img src="./img/test1.jpg" width="400px" height="200px" alt="puss

2016-08-26 13:52:11 923

原创内容在页面中位置导航

html代码： <body> <div id="j_subject">  <div class="nav">nav</div>   <div class="box1 cont-box">第一部分</div> <div cl

2016-08-26 13:29:25 1253

Annay_li的博客