随笔分类 -  小技能储备

上一页 1 2
一些小的效果
首次加载动画
摘要：1.JS逻辑 <script type="text/javascript"> window.onload = function(){ setTimeout(function(){ $(".loading").fadeOut(); },1000); }; if(getCookie("id") == 1 阅读全文
posted @ 2018-11-07 17:53 南瓜壳 阅读(321) 评论(0) 推荐(0)
文字竖排代码
摘要：语法：writing-mode:lr-tb或writing-mode:tb-rl 参数： 1、lr-tb：从左向右，从上往下 2、tb-rl：从上往下，从右向左 运行代码发现，IE显示正常，火狐、谷歌浏览器却不支持，所以不建议使用writing-mode属性。 阅读全文
posted @ 2018-10-12 17:29 南瓜壳 阅读(544) 评论(0) 推荐(0)
导航选中状态
摘要：$(function(){ var myNav = $(".nav>ul>li>a"),i; for(i=0;i<myNav.length;i++){ var links = myNav.eq(i).attr("href").split(".")[0]; var myURL = document.U 阅读全文
posted @ 2018-04-09 15:24 南瓜壳 阅读(208) 评论(0) 推荐(0)
transform属性
摘要：transform属性向元素应用2D或3D转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜 transform属性 2D位置移动 1.translate(x,y) 定义： 基于原来的位置，沿X轴平移，长度为x，沿Y轴平移，长度为y 语法： transform：translate(x,y); 2. 阅读全文
posted @ 2017-12-14 14:38 南瓜壳 阅读(514) 评论(0) 推荐(0)
JQuery控制两个Div高度一致
摘要：<script type="text/javascript"> $(function(){ if($("#left").height() > $("#right").height()){ $("#right").css("height",$("#left").height()); }else{ $( 阅读全文
posted @ 2017-12-12 16:56 南瓜壳 阅读(1756) 评论(0) 推荐(0)

上一页 1 2