jquery
王姑娘本人
这个作者很懒,什么都没留下…
展开
-
jquery实现简单的选项卡功能
html部分<ul id="pro_menu"> <li class="tabFocus">菜单一</li> <li id="jjb">菜单二</li> <li id="dydb">菜单三</li> <li id="dydb">菜单四</li> </ul> <ul id="pro_content"> <li>这是菜单一的内容</li> <li>这是菜单原创 2015-09-18 09:29:22 · 2016 阅读 · 0 评论 -
jquery实现字数限制,超过部分...代替,后缀点击展开,点击后展开全文
<p>这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标签,点击展开查看全文这是一个P标原创 2015-09-17 17:37:42 · 14353 阅读 · 0 评论 -
简单的新闻列表鼠标移入背景变色功能
如上图所示,一段非常简单的jq代码实现如上效果,代码如下: 先用css设置想要切换的css样式: .list02{ background:#766352; color:#fff; } 再通过jq代码实现样式的切换: $(function(){ $(".list01").hover(function(){ $(this).toggleClass("list02"); }原创 2015-07-24 09:28:07 · 639 阅读 · 2 评论 -
侧边导航栏自动获取文章的高度
菜鸟一枚,刚开始学习js和jq。 今天在做网站时候,遇到的问题,想让左边导航栏自动获取右边文章的高度,随着文章高度的变化而变化。 正确代码如下: $(window).load(function(){ var num=$(".article").outerHeight(); //获取文章高度 $(".sidebar").css("height",num); //设置侧边栏原创 2015-07-23 13:48:48 · 599 阅读 · 2 评论 -
简单的焦点图轮播图
<div id="box"> <ul id="list"> <li><a href="###"><img src="images/pro_01.jpg"/></a></li> <li><a href="###"><img src="images/pro_02.jpg"/></a></li> <li><a href="###"><img src=原创 2015-11-11 14:00:55 · 555 阅读 · 1 评论 -
jquery获取input type=file的选中上传文件名
$("input[type=file]").change(function(){ var str=$(this).val(); if(str!==""){ var arr=str.split("\\"); var file_name=arr[arr.length-1]; $(this).next("button").text(file_原创 2015-11-12 09:54:10 · 4704 阅读 · 0 评论 -
当前导航链接改变颜色
当前导航链接改变颜色 思路:先获取所有导航的href,将每个href和当前浏览器的url比较,如果当前浏览器的url包含href,就表示该导航的href目前处于打开状态,这时,再添加css样式。function highlightPage(){ var links=$("#nav").find("a"); for(i=0;i<links.length;i++){ v原创 2016-01-05 15:14:22 · 1188 阅读 · 0 评论