- 博客(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 1146 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 447
原创 app下导航,图标截取某些部分定位
经常写手机端的时候,下部导航nav面包屑。常用图标显示第一种解决方法是,多个小图标在一张图片上,定位每个小图标的位置,第二种是用图标文字,这里先来说一下,图片上定位的那些事
2016-06-28 15:12:48 416
原创 css文字过多以点点省略
.pertime {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
2015-11-16 14:58:26 504
原创 网页中<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 1782
原创 【<meta name="description" content=">】作用
name="description" content="这里是网页的描述,是给搜索引擎看的,搜索引擎根据这个描述进行收录排名,一般是网页内的关键字。
2015-07-03 16:17:03 607
原创 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 5376
原创 机器人之变形金刚
百度知道 变形金刚 js特效百度知道 变形金刚 js特效 数千万年前,宇宙中的智慧生命五面怪在宇宙中建造了一个星球——赛伯坦(Cybertron),在这个星球上,五面怪建造了方便自己制造的星球核心计算机--魔力神球。并在这个星球上制造了两条生产线--军用和民用。这两条生产线上出产的机器人就是后来变形金刚的祖先。魔力神
2014-12-05 12:39:31 549
原创 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 1825
原创 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 400
原创 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 1701 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 2659
原创 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 549
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人