自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 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 439

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

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

2016-06-28 15:12:48 412

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

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

2015-11-16 14:58:26 492

原创 网页中<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 2646

原创 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除