lnx0307-CSDN博客

原创 jQuery中属性attr鼠标经过换图片且加边框与鼠标经过字体变颜色对比

webrx-title.bor{border:1px solid red;}.red{color:red;}$(document).ready(function(e) { $('div').css('text-align','right'); //div样式：ok居右边 //读取align属性值，并提示框显示出来 /

2014-10-04 22:56:50 1140 1

原创 icono图标那些事（手机版常用nav）

.title {vertical-align: middle;text-align: center;font-size: 10px; }.ui-tiled { display: -webkit-box; width: 100%; -webkit-box-sizing: border-box; }.ui-tiled li { -web

2016-06-28 15:20:57 440

原创 app下导航，图标截取某些部分定位

经常写手机端的时候，下部导航nav面包屑。常用图标显示第一种解决方法是，多个小图标在一张图片上，定位每个小图标的位置，第二种是用图标文字，这里先来说一下，图片上定位的那些事

2016-06-28 15:12:48 413

原创 css文字过多以点点省略

.pertime {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

2015-11-16 14:58:26 494

原创网页中<meta name=" " content=" ">详细解释

一、语法：二、参数解析：1）name项：常用的选项有Keywords(关键字) ，description(网站内容描述)，author(作者)，robots(机器人向导)等。2）http-equiv项：可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh(刷新)，Set-Cookie(cookie设定)，Window-target

2015-07-03 16:17:47 1767

原创【<meta name="description" content=">】作用

name="description" content="这里是网页的描述，是给搜索引擎看的，搜索引擎根据这个描述进行收录排名，一般是网页内的关键字。

2015-07-03 16:17:03 601

原创 meta 中name="viewport" 的含义

1、<meta name="viewport" content=" ">ViewPort 标记用于指定用户是否可以缩放Web页面ViewPort 标记还表示文档针对移动设备进行了优化2、<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimu

2015-07-03 14:42:07 5355

原创机器人之变形金刚

百度知道变形金刚 js特效百度知道变形金刚 js特效　　数千万年前，宇宙中的智慧生命五面怪在宇宙中建造了一个星球——赛伯坦（Cybertron），在这个星球上，五面怪建造了方便自己制造的星球核心计算机--魔力神球。并在这个星球上制造了两条生产线--军用和民用。这两条生产线上出产的机器人就是后来变形金刚的祖先。魔力神

2014-12-05 12:39:31 544

原创 jQuery选择器中id和class的使用

webrx-title$(document).ready(function(e) { $('div[id]').css('font-size','100px'); //根据给定的ID匹配一个元素。 $('div[class=aa]').html('1111111111111111'); //替换class内容 $('div[class^=nav-]'

2014-10-05 11:08:20 1814

原创 jQuery选择器中last-of-type和first-of-type效果案例

webrx-title$(document).ready(function(e) { $('p:first-of-type').css('color','red'); //$("p:last-of-type").css('color','green');});123123

2014-10-05 10:47:03 396

原创 jQuery选择器:input实现—全选，反选，取消（匹配所有 input, textarea, select 和 button 元素）

webrx-title$(document).ready(function(e) { $(':input[value=全选]').click(function(){ //alert($(this).val()); $('form :checkbox').prop("checked", true); });

2014-10-05 10:34:09 1685 1

原创 jQuery中scrollTop获取匹配元素相对滚动条顶部的偏移（此方法对可见和隐藏元素均有效。）

webrx-title/*returnTop*/ p#back-to-top{ position:fixed; display:none; bottom:100px; right:80px; } p#back-to-top a{ text-align:center; text-decora

2014-10-04 23:16:07 2647

原创 jQuery中筛选中next下拉菜单效果

webrx-title$(document).ready(function(e) { $('h1.menu').next().css('display','none'); $('h1.menu').click(function(){ //$(this).next().show(); //$('h1').next().css('d

2014-10-04 22:45:24 543

lnx0307的专栏