- 博客(29)
- 收藏
- 关注
转载 display:inline-block;产生间隙解决方法
父元素中设置font-size:0;letter-spaceing:-4px;转载于:https://www.cnblogs.com/lixiaoxing/p/10096698.html
2018-12-10 15:19:00 125
转载 vedio自定义样式
dom结构:<video id="video1" width="399" height="300" poster="video_bg.jpg"> <source src="http://nettuts.s3.amazonaws.com/763_sammyJSIntro/trailer_test.mp4" type="video/mp4" />...
2018-01-26 16:01:00 184
转载 angularjs路由
需要引入angular.js,angular-ui-router.min.js <ul> <li><a href="#home">首页</a></li> <li><a href="#aboutUs">关于我们</a></li>...
2016-12-17 15:25:00 79
转载 移动端设置字体px转换rem的脚本
(function (){ var _self = this; _self.width = 640;//设置默认最大宽度 _self.fontSize = 100;//默认字体大小 _self.widthProportion = function(){var p = (document.b...
2016-11-29 09:56:00 114
转载 div在不固定高度的情况下垂直或者水平居中
方法一:用一个“ghost”伪元素(看不见的伪元素)和 inline-block / vertical-align 可以搞定居中,非常巧妙。但是这个方法要求待居中的元素是 inline-block,不是一个真正通用的方案。html如下:<div class="block" style="height: 300px;"> <div class...
2016-11-22 11:03:00 572
转载 css气泡地址和分享地址
http://nicolasgallagher.com/pure-css-speech-bubbles/demo/http://share.baidu.com/转载于:https://www.cnblogs.com/lixiaoxing/p/5550365.html
2016-06-01 17:24:00 69
转载 js点击按钮div显示,点击div或者body和按钮,div隐藏
var box = document.getElementById("box");var btn = document.getElementById("btn"); btn.onclick = function(event){ event.stopPropagation(); if(box.style.display == "none"){ ...
2016-06-01 17:22:00 347
转载 js倒计时跳转页面
var t=10;setInterval(function refer(){ if(t>0){ document.getElementById("em").innerHTML = t; t-- }else{ location="http://www.baidu.com" }},1000) 转载于:https://...
2016-06-01 17:18:00 80
转载 点击按钮div显示,点击div或者document,div隐藏
$("button").click(function(event){ event.stopPropagation(); if($("div").is(':hidden')){ $("div").show() }else{ $("div").hide(); } }) $(d...
2016-05-30 17:54:00 194
转载 css3动态边框
<ul class="partnersLogo"> <li> <a href="http://www.chinapnr.com/" target="_blank"> <div class="border_top"></div> <div class="border_right...
2016-04-14 14:36:00 353
转载 jQuery滚动数字
<ul class="dateList"> <li class="one"> <p class="titleName">小狗</p> <div class="numberCon Num01"> <span class="n1">7</...
2016-03-23 18:12:00 58
转载 用原生js获取class
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> ...
2016-02-29 10:35:00 130
转载 javascript的一些基础
当复制的两个变量的地址不同时他们是不相等的如下代码所示function getFunction(value){ return function(value){ return value; } }var a=getFunction(), b=getFunction(), c=getFunction();...
2016-01-05 16:45:00 54
转载 初学jquery,自己写的一个jquery幻灯片,代码有些笨拙,希望有大神可以指点一二,精简一下代码...
html代码 <div class="picCon"> <div class="bigPic"> <ul> <li class="cur"><img src="5682865a05cd9.jpg" alt="" /></li> <li><img src="5...
2015-12-31 11:16:00 75
转载 jquery插件开发基础入门
jquery插件开发基础入门入门编写一个jquery插件开始于给jquery.fn加入新的功能属性,此处添加的对象属性的名称就是你的插件名称jQuery.fn,myPlugin = function(){ //你自己的插件代码 };为了避免冲突我们应该将jQuery传递给一个自我执行的封闭程序(fu...
2015-12-30 15:06:00 82
转载 css文字两端对齐
css文字两端对齐text-align:Justify(火狐);text-justify:inter-ideograph(IE)text-justify(IE)基本语法text-justify : auto | distribute | distribute-all-lines | distribute-center-last | inter-clus...
2015-12-29 17:22:00 67
转载 jquery的一些属性选择器
td:contains(Henry)选择td里面所有class为Henry的元素.siblings()选择相同dom层次的所有其他元素,例如<ul> <li>第一个</li> <li>第二个</li> <li>第三个</li> ...
2015-12-22 17:10:00 66
转载 css3旋转倾斜3d小动画
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css3旋转动画</title> <style type="text/css"...
2015-12-15 14:28:00 190
转载 js+css3文字模糊代码
在写文字模糊的时候要理清自己的思路,根据以下的步骤来:对你要模糊的文字进行布局<body style="background:#ccc;"> <ul class="con"> <li><h2>我是box1</h2></li> <li><h2>我是box2<...
2015-12-14 17:45:00 157
转载 jquery动画基础
根据id改变字体大小的动画<div class="speech">样式切换</div><div id="switcher"> <button id="switcher-large">click me</button></div>var $speech=$("div.speec...
2015-12-09 17:09:00 69
转载 jquery打字机效果
html代码<div id="box"> <div id="content"> <div id="code"> 如果你认识以前的我,那么你会原谅现在的我。 </div> </div></div> css代码...
2015-12-07 16:14:00 172
转载 jquery导航栏
html<ul class="list"> <li>下拉菜单 <ul class="nav"> <li>下拉菜单1</li> <li>下拉菜单1</li> <li>下拉菜单1</li> <li&g...
2015-12-07 14:48:00 56
转载 js鼠标拖拽
html<div id="box"></div>css*{margin:0;padding:0;}#box{width:200px;height:200px;background:cyan;position:absolute;}js<script type="text/javascript">/***...
2015-12-07 11:47:00 40
转载 无缝滚动
向上滚动:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>...
2015-12-04 15:04:00 37
转载 arguments的基本用法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <me...
2015-11-24 10:35:00 346
转载 默认选择radio的第一个
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <me...
2015-11-24 10:34:00 2568
转载 钟表
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>时钟</title></head><style> *{ margin: 0; padding: 0 } .clockBo...
2015-11-24 10:30:00 77
转载 轮播图
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <me...
2015-11-24 10:19:00 46
转载 过滤掉class不是.selected的元素
.filter(":not(:has(.selected))")转载于:https://www.cnblogs.com/lixiaoxing/p/4987689.html
2015-11-23 10:48:00 135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人