li3196672779的博客

转载 php基础总结

Php写在 里面注意混排 括号别放错位置了定义变量 $开始，具体和c一样 Var_dump(‘ ’);  会把类型打印出来， 传址赋值: $a = 1;$b = &$a;$b = 2;$a 和 $b 现在指向的是同一块地址 所以$a现在的值也是2； //可变变量$a = 'hello';//$hello = 'world';$$a =

转载 jq操作节点

Document #box{ width: 300px; height: 100px; border: 1px solid red; } $(document).ready(function(){ $('ul li').click(function(){ alert($(this).text()); }) $('#bt

转载 jq3个first的区别

:first选择器只匹配一个元素，并且是匹配到的元素中的第一个元素； :first-child选择器则需要判断匹配到的元素是否是其父元素的第一个子元素，如果是就保留，否则将被舍弃// :first-child选择父元素的第1个子元素  first 也是， 这个是子级元素用的；h1:first-of-type'，    “第1类选择器不分元素类型，第2类选择器区分元素类型

转载 jq入门选择器

Document $(function(){ //抓元素名字// $('div').css({'color':'red'}); //抓ID $('#p').css({'color':'purple'}); //抓类名 $('.p').css({'color':'yellow'}); //群组选择器,可以填类名id名混合 $('b,i').

转载 多多行文本垂直居中

转载 border-radius: 80px/50px; 居然可以画椭圆178页

Document * { padding: 0; margin: 0; } #box { width: 160px; height: 100px; border-radius: 80px/50px;

转载 vertical-align: middle;

vertical-align:middle; 很强大， 对块元素无效，想对块元素有效的话， 转换行内元素或把块元素 display:table-cell,

转载 display：table，布局自动分宽度

Document * { list-style: none; } ul { width: 300px; display: table; } ul li { display: ta

转载 display: table-row; 实现等高布局

Document * { padding: 0; margin: 0; } #box { display: table-row; } #img { display: table-

转载 display：table-cell布局

Document * { padding: 0; margin: 0; } div { display: table-cell; /*让元素以表格单元格形式出现*/ vertical-align: mid

转载 css让元素垂直居中不用margin 0 auto

Document * { padding: 0; margin: 0; } body { margin: 100px; } #father { /*父级元素定位re*/

转载 返回顶部

Document *{ padding: 0; margin: 0; font-weight: 300; } body{ background: #c8ece3; } h1{ text-align: center; font-size: 88px; color: #ff76c8; margin: 66px auto 33p

转载 视差效果

判断滚动条位置来让不同区域的文字显示 Document body { background: url('img/bg.jpg') no-repeat 50% 0; color: #e02562; } #one,

转载 Canvas画板

Document *{ padding: 0; margin: 0; } html{ height: 100%; } body{ margin-top: 100px; height: 100%; background: url({3E464148-F55C-2F6C-8BCE-A3FECE661628}.png) no-repeat ce

转载 交互打开IE让文字或图片慢慢显示出来

让小甲鱼3个字 开始隐藏 慢慢 出来 Document // $(function(){ // $('#main').addClass('show'); // }) $(document).ready(function() {

转载 css视差滚动效果1

定义3个背景， 滚动滚动条的时候 让 慢慢隐藏慢慢出现背景 鱼C工作室 $(document).ready(function() { var maskTop = $('#aswe').offset().top; //获取各个div对应的顶部坐标 var hatTop

转载 css巧用position

Document 无门慧开禅师 spring summer autumn winter 春

转载 css3text-transform，用来控制文本的大小写属性续

转载 css3text-transform，用来控制文本的大小写属性

鱼C工作室 body{ background: #FF33ff url(1.jpg) no-repeat 50% 0; margin: 33px; color: #FFF; background-attachment: fixed; font-fami

转载 Css3瀑布流效果

瀑布流布局 body{ background: #AAFFEE; margin:10px; } #page{ width:888px; margin: 0 auto; } .

转载 js事件日期对象

Document window.onload = function() { //获取当前时间 var data = new Date();// 设置当前时间// var aa = new Date('2015-5-3'); //('2015/5/3') //获取年 var my_year = data.getFullYear(); //获取月

转载 js数组内元素排序简单方法

转载 h5存储内容

window.onload = function(){// 抓取元素 var shezhi = document.getElementById("add"); var huoqu = document.getElementById("get"); var h1 = document.getElementById("h1"); var clear = do

转载 js获取鼠标dom点击位置，获取距离dom可视宽高，获取自己距离左上距离，获取点击自己 距离自己xy

总结

转载 Html5-音频视频

Document --> 当前浏览器不支持 video直接播放，点击这里下载视频： 下载视频 ----------------------------------------------------------------------------------------------------------------------

转载 html5-表单

Document window.onload = function() { var one = document.getElementById("ones"); one.onchange = function() { var s = one.value; console.log(s); } } 邮

转载 html5-进度条-progress

window.onload = function() { var i = 0; var one = document.getElementById("one"); var oneValue = one.getAttribute('max'); var timer = setInterval(function(){ i =

转载 js操作表格目的隔行换色

Document window.onload = function() { var tables = document.getElementsByTagName("table"); //、此处不能用ID，CLASS替代！！！ var odd, rows; for (var i = 0; i < tables.length; i++) { odd =

转载 JQ定时器复-- 不懂--感觉没多大用处

*{ margin: 0px; padding: 0px; } .box{ width: 500px; height: 50px; line-height: 50px; text-align: center; background: blue; border: 2px solid red; margin: 0px

转载 jq拖拽效果

Document *{ padding: 0; margin: 0; } .box{ width: 150px; height: 150px; background: red; position: absolute; left: 0; top: 0; } $(function(){ $('.b

转载 JQ获取当前鼠标点击位置，自己宽高，浏览器宽高

$(function(){ $('.box').click(function(e){// 获取事件对象 var e = e||window.event;// 获得当前点击位置距离浏览器顶部的距离 var top = e.pageY;// 获得当前点击位置距离浏览器左侧的距离 var left = e.pageX;

转载 jq实现购物网站顶部广告自动弹出收回效果

*{ margin: 0px; padding: 0px; } .box{ width: 1200px; margin: 0px auto; border: 2px solid red; } .top{ height: 400px; background: yellow; } .list{ heig

转载 jq文字上下无缝滚动--没注意看--挺简单的

*{ margin: 0px; padding: 0px; } .box{ width: 500px; height: 50px; line-height: 50px; text-align: center; background: blue; border: 2px solid red; margin: 0px

转载 JQ楼层效果 需改良左右两边定位问题

$(function(){ $(window).scroll(function(){ //获取下标为0离最上面的高度 var Stop = $('.c').eq(0).offset().top; //获取滚动条离上面的高度 var Ntop = $(window).scrollTop(); if(Ntop

转载 筛选类and找父级

$(function(){ // for(var a = 0;a<$('h1').length;a++){//// .hasClass('active')判断有没有class为active//// 如果有则返回true ,没有则返回false// if($('h1').eq(a).hasClass('active')){// //

转载 JQ给未来元素添加事件

$(function(){ $('#btn').click(function(){ var h1 = document.createElement('h1'); h1.innerHTML='他们又坐下了'; $('#box').append(h1); })// $('h1').click(function(){// alert('你说

转载 JQ常用

Document $(function(){ //抓ID $('#box').css({'width':'200px','height':'400px','border':'1px solid red'}) //标签名抓元素 // 抓取的是#box 下面所有p元素， 不管是子代 还是孙子代 $('#box p').css({'color':'pink'

转载 jq写无缝轮播

Document *{ padding: 0; margin: 0; list-style: none; text-decoration: none; } .box{ width: 400px; height: 300px; overflow: hidden; border: 3px solid #000000; positio

转载 定时器this指向

sssssssssssss

转载 js写很菜的轮播图

> ------------------------------------------------------------------#imgs{ width: 1226px;