2015年11月_jimjiayu

翻译 Css3透明

1.1 Css3 背景1.1.1 Css3透明Css3 透明 Background:rgba(255,255,255,0.3)背景透明Border:10px solid rgba(255,255,255,.4);边框透明Color:rgba(255,255,255,0.6)

2015-11-24 14:33:26 531

翻译圆角矩形、阴影、伪元素的应用实例iphone手机壳

阴影（box-shadow）Box-shadow: 水平阴影垂直阴影模糊距离阴影尺寸阴影颜色内外阴影;里面只有水平阴影和垂直阴影是必须的。其他的可以省略有默认值。默认的外阴影 outset 不能写，写上就看到效果伪元素Before after 两个伪元素iphone手机壳 .iphone{ width:300px; height:

2015-11-19 16:28:55 441

原创 border-radius 圆角矩形

无标题文档div{ width:100px; height:100px; border:1px solid red; margin:10px; float:left; text-align:center; }div:nth-of-type(1) { border-radius:10px/10px; }div:nth-of-type(2){ border-radius

2015-11-19 14:37:58 954

翻译滑动效果

1.1 滑动效果上滑$(selector).slideUp(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。下滑 slideDown切换滑动 slideToggle()无标题文档 .box{ width:5

2015-11-18 16:32:40 351

翻译 jquery中 show()、hide()、toggle()显示效果

显示 show()$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。隐藏 hide()切换 toggle()script> $(function(){ $('.dis').cl

2015-11-18 16:08:24 661

翻译 Jquery 更改属性attr()

1.1 Jquery 更改属性attr()作用： attr() 方法设置或返回被选元素的一个或多个属性。1.返回 attr属性attr("propertyname");2.设置 attr属性attr("propertyname","value");3.设置多个 attr 属性attr({"propertyname":"value","propertyname":

2015-11-18 16:03:04 1214

翻译 Jquery 更改 html()

1.1 Jquery 更改 html()作用： html() 方法设置或返回被选元素的内部html。1.返回 html html();2.设置 htmlhtml(内容);$(function(){ //alert($('div').html()); $('div').html('天空很蓝');})无标题文档 $(func

2015-11-18 15:59:51 617

翻译 jquery更改样式

css() 方法设置或返回被选元素的一个或多个样式属性。1.返回 CSS 属性css("propertyname");alert($('div').css('width')); 2.设置 CSS 属性css("propertyname","value");$('div').css('height','100px'); 属性和值要加引号，中间用逗号隔开

2015-11-18 14:34:57 930

转载 jquery使用方法

1.1 jquery简介jquery由美国人John Resig创建。是一个优秀的javaScript库（框架）。JQuery的优点：轻量级的js库(压缩后几十kb左右)，兼容css3 使用简单方便 – 宗旨：Write Less, Do More。写得少，做得多。链式编程 $("#div1").show().css("color":

2015-11-18 14:09:11 309

翻译 CSS文件提取Ico图标

Ico图标通常这个名字用： favicon.ico 这个图标它不是一张图片，它是一个 ico 的文件图标把图片转换为 ico 图标的方法： 1. 制作png的图片。2. 网上在线转换。比特虫 http://bitbug.net/ 3. 或者 http://www.easyicon.net/covert/ 把 favicon

2015-11-16 15:18:08 1676

翻译简单导航栏

无标题文档body{ margin:0; padding:0;}ul{ list-style:none;}.first{ width:760px;margin:0 auto;background:url(banner_bg.jpg) repeat-x;}.second{ width:760px; height:32px;background:url(button1_bg.j

2015-11-15 21:36:24 305

翻译浮动

1.1 浮动（float）浮动使我们网页布局的核心，学完浮动，我们就可以做网页了。1.1.1 标准流标准流，国内有些人翻译成文档流它的英文名字 normal flow 我们一般称为普通流或者标准流。什么是标准流：标准流就是我们标签一些默认的显示方式。比如说，块级元素自己占一行，行内元素一行放多个这个显示方式，我们称之为标准流。

2015-11-14 18:07:22 332

翻译新浪乐库模块小练习

无标题文档body,ul,li{ margin:0; padding:0;}.music{ width:238px; height:159px; border:1px solid #d9e0ee; border-top:3px solid #ff8400; margin:100px auto;}.hd{ height:35px; border-bottom:1px solid #E3E6E

2015-11-14 10:41:03 339

翻译添加索引值、匹配数组、HTML元素

添加索引值、匹配数组、HTML元素window.onload = function(){ var oBtn = document.getElementsByTagName('input'); var oP = document.getElementsByTagName('p'); var arr = ['莫涛','张森','杜鹏']; for(var i = 0; i<oBtn.len

2015-11-04 11:25:56 2410

转载 for循环计算元素坐标

无标题文档div{width:50px; height:50px;background:red;position:absolute;top:0;left:0;font-size:30px;text-align:center;line-height:50px;}window.onload = function(){ var aDiv = document.getElementsByTag

2015-11-02 11:22:14 1417

翻译封装检测数字的方法

无标题文档var alnp = document.getElementsByTagName('input');alnp[1].onclick = function(){ var val = alnp[0].value; if(detectNum(val)){ alert('恭喜全是数字'); } else{ alert("不是数字"); } } va

2015-11-01 20:45:44 425

原创按钮控制div大小

无标题文档a{ text-decoration:none;border:1px solid #ccc; width:30px; height:30px; display:inline-block; line-height:30px; color:#ccc; text-align:center;}a:hover{border:1px solid #000;}#div1{border:1px

2015-11-01 12:39:23 1995

jimjiayu