王姑娘本人-CSDN博客

原创改变select的默认样式

模拟select选择框的placeholder<select> <option value="placeholder" disabled selected style="display:none">placeholder</option> <option value="选项一">选项一</option> <option value="选项二">选项二</option></s

2016-09-19 09:54:59 3196

原创当前导航链接改变颜色

当前导航链接改变颜色思路：先获取所有导航的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 1218

原创 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 4731

原创简单的焦点图轮播图

<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 575 1

原创文字列表循环无缝滚动

样式自己设置哦<div class="notice_content">  <div id="marquee"> <ul> <li><a href="###">第1期成立公告</a></li> <li><a href="###">第2期成立公告</a></li> <li><a href="##

2015-11-11 13:57:49 1108

原创 addOnloadEvent(func)函数

/* addLoadEvent函数主要是完成如下的操作： 1、把现有的window.onload事件处理函数的值存入到oldonload中。 2、如果在这个处理函数上还没有绑定任何函数，就将该函数添加给它。 3、如果在这个处理函数上已经绑定了一些函数，就把该函数追加到现有指定的末尾 */function addOnloadEvent(func){ var oldOload=w

2015-11-06 10:43:16 550

原创 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 2040

原创 jquery实现字数限制，超过部分...代替，后缀点击展开，点击后展开全文

<p>这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标签，点击展开查看全文这是一个P标

2015-09-17 17:37:42 14378

原创 css3实现文字溢出省略号（…）显示

css3实现文字溢出省略号（…）显示，如下代码片段<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css"> p{ width:400px; height:30px; font-size:16px;

2015-09-07 09:56:41 5536

原创简单的新闻列表鼠标移入背景变色功能

如上图所示，一段非常简单的jq代码实现如上效果，代码如下：先用css设置想要切换的css样式： .list02{background:#766352;color:#fff;}再通过jq代码实现样式的切换：$(function(){$(".list01").hover(function(){$(this).toggleClass("list02");}

2015-07-24 09:28:07 662 2

原创侧边导航栏自动获取文章的高度

菜鸟一枚，刚开始学习js和jq。今天在做网站时候，遇到的问题，想让左边导航栏自动获取右边文章的高度，随着文章高度的变化而变化。正确代码如下：$(window).load(function(){var num=$(".article").outerHeight(); //获取文章高度$(".sidebar").css("height",num);//设置侧边栏

2015-07-23 13:48:48 620 2

wm1029218932的博客