- 博客(40)
- 收藏
- 关注
RSS订阅转载 jQuery添加/改变/移除CSS类及判断是否已经存在CSS
1. removeClass() - 移除CSS类 $("#target").removeClass("oldClass"); //#target 指的是需要移除CSS类的元素的ID //oldClass 指的是CSS类的名称2.addClass() - 添加CSS类 $("#target").addClass("newClass"); //#target 指的是需要添加样式的元...
2018-03-05 10:47:10
1045
原创 CSS3
一、CSS3背景CSS3 允许您为元素使用多个背景图像。实例为 body 元素设置两幅背景图片：body{ background-image:url(bg_flower.gif),url(bg_flower_2.gif);}CSS3 background-origin 属性background-origin 属性规定背景图片的定位区域。背景图片可以放置于
2017-12-05 14:12:00
315
原创 CSS基础知识温习
一、伪元素伪元素W3C："W3C" 列指示出该属性在哪个 CSS 版本中定义（CSS1 还是 CSS2）。属性 描述 CSS:first-letter 向文本的第一个字母添加特殊样式。 1:first-line 向文本的首行添加特殊样式。 1:before 在元素之前添加内容。 2:after 在元素之后添加内容。 21、:first-line 伪
2017-12-05 13:40:09
313
转载 CSS实现垂直居中
1、line-heightdiv{ height: 100px; line-height:100px; text-align:center;}2、display:table-celltable-cell这个属性是在看head first 书的时候学习的，通过display 设置为table table-row table-cell，让元素以表格的样子显示。.o
2017-12-04 13:55:00
232
转载 手机访问PC网站自动跳转到手机网站代码
1、将以下代码放在首页区 function mobile_device_detect(url) { var thisOS=navigator.platform; var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Ph
2017-12-04 13:27:18
3416
转载 jQuery选择器大全
一、背景色渐变兼容 background: -webkit-linear-gradient(#ffb750,#ff9a50); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ffb750,#ff9a50); /* Opera 11.1 - 12.0 */ background: -moz-linear-
2017-12-01 14:14:40
256
转载 手机端左右滑动,不用写js(只有页面切换到移动端可以看)
Document * { margin:0 auto; padding:0;}::-webkit-scrollbar { width:0; height:0;}.div_div { width:100%;
2017-11-30 17:05:02
2340
转载 CSS3 input[type=file] 样式美化，input上传按钮美化
思路：input file上传按钮的美化思路是，先把之前的按钮透明度opacity设置为0,然后，外层用div包裹，就实现了美化功能。代码如下：DOM结构： 点击这里上传文件选择文件 CSS样式1： /*a upload *
2017-11-28 13:58:41
628
转载 资料整理
一、背景色渐变兼容 background: -webkit-linear-gradient(#ffb750,#ff9a50); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#ffb750,#ff9a50); /* Opera 11.1 - 12.0 */ background: -moz-line
2017-11-13 09:57:08
233
转载 更改placeholder
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc;}input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; }input::-moz-placeholder { /* Mozilla Firefox 19+ */ col
2017-10-26 11:35:50
281
转载 如何点击一个按钮 分别触发两个jquery事件
$(".admin_money").toggle(function(){ $(".admoney").slideDown(); },function(){ $(".admoney").slideUp();});
2017-10-25 17:46:12
3990
转载 Jquery如何选取元素及其所有子元素？jquery选择器大全
$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，
2017-09-30 10:15:22
37843
原创 ul下的子类定义不同样式
【公告】腾讯QQ账号绑定问题 【公告】大卖家招募中 【公告】发布商品抽奖活动即将开启 【公告】王者荣耀皮肤优惠大放送$('.gg_title li:nth-child(4n)').css("border-bottom","none"); //第四条li的下划线去掉 $(document).ready(function(){ $('.gg_
2017-09-29 11:03:38
453
原创 如何在css中设置半透明边框
XXX:{ border: 5px solid rgba(XXX, XXX, XXX, 0.5)}当边框不透明时，因为此边框的div设置了背景色
2017-09-19 17:37:41
9289
转载 jQuery事件-div的显示隐藏及鼠标的移入移出http://www.cnblogs.com/liuyanmin/p/5146544.html
> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>jQuery事件-div的显示隐藏及鼠标的移入移出title> style> .header{ width:302px; height:40px; background:green;
2017-08-16 17:05:23
597
原创 点击一个标签增加一个样式，再点击删除样式
$(".skinall2 li").click(function(){ if($(this).hasClass('gou')){ $(this).removeClass('gou'); }else{ $(this).addClass('gou'); } });
2017-08-09 14:30:56
1998
转载 jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？http://www.cnblogs.com/lr393993507/p/6078063.html
$(function(){ $("#test li").click(function() { $(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素的样式 $(this).addClass('selected'); // 添加当前元素
2017-08-09 14:28:38
893
转载 怎么让每一行最后一个li去除某种css样式
html>head> meta charset="UTF-8"> title>title> script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js">script>head>body>ul id="ul">
2017-08-09 10:43:31
2229
原创 去除移动端a标签点击样式
一、a{outline:none；-webkit-tap-highlight-color:rgba(0,0,0,0);}-webkit-tap-highlight-color是ios和android下点击元素时出现的阴影,-webkit-tap-highlight-color: rgba(0,0,0,0);可以将该阴影透明化，进而解决问题二、去除默认select样式
2017-08-08 15:28:09
4073
原创 jquery怎么在点击li标签之后添加一个在class，点击下一个li时删除上一个class？
div class="client"> span class="client_title">选择您的游戏客户端span> ul class="client_type"> li class="ioswx">苹果微信li> li class="androidwx">安卓微信li> li class="iosqq">苹果QQli>
2017-08-08 15:23:18
3708
原创 多个input文字方框中，默认字体是灰色，，输入字时，字体变成黑色
input{color:#ccc;color: initial;}http://www.runoob.com/cssref/css-initial.html
2017-08-04 10:50:10
2357
1
转载 手机端qq客服代码点击弹出qq聊天窗http://www.51xuediannao.com/jiqiao/1026.html
手机端qq客服代码点击弹出qq聊天窗来源：web前端开发 作者： 懒人建站 日期：2016-12-02 人气:5256在手机端qq客服代码点击弹出qq聊天窗怎么实现那？其实和web端qq客服代码一样，是一个qq提供的链接， 在手机端qq客服代码点击弹出qq聊天窗怎么实现那？其实和web端qq客服代码一样，是一个qq提供的链接，191221801&version=
2017-08-03 09:42:39
2354
原创 每点击同一个标签，切换两个不同的样式
阅读并同意手游菌的《服务协议》$(document).ready(function(){ var flag=1; $(".affirm").click(function(){ if(flag==1){ $(this).addClass("affirm11"); flag=0; }
2017-07-31 14:18:17
738
原创 jquery切换div，打开关闭按钮
一、点击标题，隐藏显示div并添加删除样式 坦克 战士 法师 刺客 射手 辅助 ......script type="text/javascript"> $(
2017-07-28 11:42:58
1197
转载 jquery鼠标悬停和离开事件（可用于下拉菜单等）
"text/javascript"> $(function(){ $("#nav-mark-btn").hover(function(){ $("#mark-info").show(); },function(){ $("#mark-info").hide(); }) })
2017-07-21 09:52:03
1046
转载 css html 如何将图片img标签 水平居中 垂直居中 和水平垂直居中，能自适应浏览器缩放。
img{ display: block; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); -webkit-transform: tran
2017-07-20 16:37:14
2924
原创 鼠标移上去div边框阴影慢慢出现
.reg1,.reg2{width:260px;height:265px;border:1px solid #e5e5e5;margin-top:4%;float:left;margin-left:4%;transition: all 0.15s; }.reg1:hover,.reg2:hover{ -webkit-box-shadow: 2px 2px 8px 1px rgba(20, 2
2017-07-19 11:26:29
5678
转载 CSS3实现鼠标移动到图片上图片变大（缓慢变大，有过渡效果，放大的过程是有动画过渡的，这个过渡的时间可以自定义）
> html> head> meta charset="UTF-8"> title>title> style type="text/css"> div{ width: 300px; height: 300px;
2017-07-19 10:29:48
1266
转载 jquery实现页面滑动到固定位置显示某个divhttp://blog.youkuaiyun.com/doudou_demo/article/details/47829249
htmlxmlns="http://www.w3.org/1999/xhtml">head>metahttp-equiv="Content-Type"content="text/html; charset=utf-8" />title>无标题文档title>scriptsrc="jquery-1.11.1.min.js"type="text/javascript">script
2017-07-14 15:23:23
769
转载 滚动页面时DIV到达顶部时固定在顶部(jq实现)
body style="margin:0px;"> div style="height:300px;background:#e0e0e0">div> div id="fixedMenu_keleyi_com" style="background:#ffffff;width:100%;">ul>li>a href="http://keleyi.com/menu/net/"
2017-07-14 15:21:52
1335
转载 360浏览器使用兼容模式网页错乱
最近用360浏览器访问自己的网站，发现都是被优先选用兼容模式打开，这使得网站很难看。为了让360浏览器打开网站的时候优先试用极速模式，找了一下官方论坛，发现了解决方案。 在head标签中添加一行代码：html> head> meta name="renderer" content="webkit|ie-comp|ie-stand"> head> body>
2017-06-26 15:20:28
1881
转载 jQuery事件-div的显示隐藏及鼠标的移入移出
> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>jQuery事件-div的显示隐藏及鼠标的移入移出title> style> .header{ width:302px; height:40px;
2017-06-20 16:08:59
2548
原创 导航栏点击背景变色，点击另外一个之后这个背景色消失
$(document).ready(function(){ $(".dianji").each(function(){ //$(this).removeClass("hover"); $(this).click(function(){ $(".dianji").removeClass("bgcolor");
2017-06-15 15:28:55
12868
转载 JQUERY为元素添加样式的实现方法
由于jquery支持css3，所有能很好的兼容很多浏览器，所以通过jquery来使用css样式比较好为定义好的css样式可以调用元素的css方法添加样式$("span").css("css属性名","属性值")如 $("span").css("color","red") 将标签为span的字体都设为红色的$("#id") $("span") 如果是定义好的css样式，可以通
2017-06-15 14:34:11
8221
转载 给当前页或者跳转后页面的导航栏添加选中样式
这边有两种情况，一种是直接给当前页面添加特殊样式，当网页刷新或者跳转到下一页后，样式消失；另一种情况是即使刷新页面后样式仍然有效。直接上代码。第一种情况：[html] 在CODE上查看代码片派生到我的代码片一、 $(document).ready(function(){ $(".nav a").each(function(){
2017-06-15 14:32:48
2286
转载 css - 一种让超大banner图片不拉伸、全屏宽、居中显示的方法
html> head> title>Titletitle> style> .bannerbox { width:100%; position:relative; overflow:hidden; height:200px;
2017-06-15 09:47:06
1876
转载 前端获取图片压缩后上传给后台
在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的 实现。根据查看caniuse，本demo里使用到的FileReader、Blob、Formdat
2017-06-05 11:15:33
6902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人