- 博客(8)
- 收藏
- 关注
原创 1自定义滚动条样式;2图片渐隐;
1.自定义滚动条样式;支持-Chrome-Safari-Opera;不支持-Firefox-IE<style type="text/css" media="screen"> .scrollBar{height: 300px; overflow-y: auto; width: 100px; margin: 0 auto;} .scrollBox{height: 500px...
2019-09-06 17:14:40 238
原创 JS 加载触发事件 ready onload
document.ready和window.onload网页加载顺序:域名 > html > js-css > [ready] > img-other > [onload]1、Dom Ready$(function(){ // do something });$(document).ready(function(){ //d...
2018-12-21 17:33:00 355
转载 jquery获取文档高度和窗口高度的例子
jquery获取文档高度和窗口高度,$(document).height()、$(window).height()$(document).height():整个网页的文档高度$(window).height():浏览器可视窗口的高度$(window).scrollTop():浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)$(document.body).height();//浏览...
2018-12-21 17:02:27 155
原创 页面加载中-默认加载模块
/////加载条<style type="text/css" media="screen"> .loadingBarNew{margin-top: 1em; padding: 1em;} .loadingBarNew .loadingBar{background: #efefef; margin-bottom: 1em; margin-top: 0; animation: ...
2018-12-21 17:02:20 404
原创 响应式页面-bootstrap分辨率
media按照px单位来写。也可使用em来写。body {font-size : 14px;}/*320及以下iphone5及以下*/@media (max-width: 320px) { body {font-size: 14px !important;}}/*iphone5以上*/@media screen and (min-width: 321px) and (max-w...
2018-12-21 17:02:11 968
原创 查看更多,底部文字加渐变隐去
查看更多与收起,底部文字加渐变隐去 <style type="text/css" media="screen">.hide{ display: none;} .more{ position: relative; text-align: center; font-size: 1.1em; height: 2em; li...
2018-12-21 17:01:48 499
原创 CSS3 Filter滤镜
blur 模糊 (length)brightness 亮度 (0-1之间的小数)contrast 对比度 (num)grayscale 灰度 (0-1之间的小数 )hue-rotate 色相旋转 (angle)invert 反色 (0-1之间的小数)opacity 透明度 (0-1之间的小数)saturate 饱和度 (num)sepia 褐色 (0-1之间的小数)drop...
2018-12-21 17:01:41 145
原创 背景图片设置透明度
div{position:relative; background-color: #eee; background: -moz-linear-gradient(30deg, #eff8fd 0%, #f0f9fe 40%, #c4e2fe 80%, #9cbee6 100%);background: -webkit-linear-gradient(30deg, #eff8fd 0%, #f...
2018-12-21 17:01:32 3851
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人