做项目的时候遇到这个问题，，按理说只要是会套模板的，就不该出现这种低级问题。然后我的后台并没有模板，，并且我的js,jquery水平是小学水平，所以这个也困扰了我将近一下午。在此总结一下，分享给大家。分享使我快乐！！！ 一、请看代码，容我分析一下1、首先，menu代表我的菜单列表，a标签即是点击的链接。大致思路是先获取a链接的对象，然后进行循环，先取得a链接的href的值。 2、获取跳转后，该页面的url的值。进行比较即可 ...
废话不多说，直接上代码吧 <!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title>JqueryTest</title><script src="js/jquery-1.8.3.min.js"></script><script>$(document).ready(function () {$(input).click(function(e){e.stopPropagation();var parent = $(this).parent();$(this).is(:checked) ? parent.css(background-color,#CCC) : parent.css(background-color,#FFF);});$(div).click(function(){$(this)...
大部分网页默认的背景色为白色，个人感觉比较刺眼，于是写了个JS的脚本去改变body部分的背景色，代码如下： // ==UserScript== // @name ChangeBackgroundColor // @namespace tingl // @include * // @version 1 // @grant none // ==/UserScript== (function () {use strict;var color = #ececec;var style;function createStyle() {style = document.createElement(style);style.type = text/css;style.innerHTML = ...
本文实例讲述了jQuery animate()实现背景色渐变效果的处理方法。分享给大家供大家参考，具体如下： jquery animate函数不能处理背景色渐变，需要使用jquery.color插件 核心代码： $(function(){$("#cdiv").animate({backgroundColor:#FF0000},1000) })完整代码如下： <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>背景色渐变效果</title> </head> <body><script language="javascript" type="text/javascript" src=...
做表格的时候，经常要让奇偶行显示不同背景色，一来使表格显得更美观，二来使同行数据查找更快捷方便。通常我们是怎么实现的呢？就是在每个tr标签上加css样式。 代码如下所示： <html> <style type="text/css"> .odd {background-color:yellow; }.even {background-color:red; } </style><body> <table border="1"><tr class="odd"><td>No.1</td><td>0001</td></tr><tr class="even"><td>No.2</td><td>0002</td></tr><tr class="o...
刚在自己的前端技术群里有个小伙伴儿问到这个问题，点击的时候进行红色背景和白色背景的切换，然后我就临时想到了一个解决方法，在这里记录一下吧，希望还有别的刚学习前端的小伙伴儿能用到，大神就请绕道咯！另外提一下，自己这个前端群都是一群热爱前端的小伙伴儿，如果你是一个人在自学的话，不妨来加入我们，把你遇到的前端问题尽管扔进群里哦，小伙伴儿们看到了会给你耐心解答的哦! 不说了，上代码： <!DOCTYPE html> <html>...
随机色有两种格式： 效果预览：http://wjf444128852.github.io/DEMOLIST/JS/test/index.html 1、rgb(xxx,xxx,xxx) 2、#xxxxxx 下面实现两种随机的方法 思路：如何让x都是随机的， 1、中的xxx是0-255之间的随机整数，用Math.random()*255取得0-255之间的随机数， 再Math.floor()保留小数点前面的 2、中的x是0123456789abxdef中的随机6个的组合， 这里可以用数组或者字符串处理，这里采用数组，只要从数组里取6次，每次取得数...
本文实例讲述了JS实现点击登录弹出窗口同时背景色渐变动画效果。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <STYLE>#login{position: relative;display: none;top: 20px;left: 30px;background-color: #ffffff;text-align: center;border: solid 1px;padding: 10px;z-index: 1;} body { background-color: #0099CC; } .STYLE1 {colo...
本文实例讲述了JavaScript实现点击单元格改变背景色的方法。分享给大家供大家参考，具体如下： <html> <body> <table onclick="SetColor(event)" id="_t" width="500" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="93" height="29" background="hotlinkbg.gif" align="center">出租信息</td> <td width="93" height="29" background="hotlinkbg.gif" align="center">求租信息</td> <td width="314" height="29" b...
本文实例讲述了js获取及修改网页背景色和字体色的方法。分享给大家供大家参考，具体如下： 获得网页的背景色和字体颜色，方法如下： 思想： 通过取得颜色属性值得到的是 rgb 色，不是我们想要的，所以需要将 rgb 色装换为 十六进制色 ，首先获得rgb色 ： 代码如下:代码如下:var rgb = document.getElementById(color).style.backgroundColor; 得到格式如下： rgb(225, 22, 23); 然后进行拆分： 代码如下:代码如下:var rgb = rgb.sp...
本文实例讲述了javascript设置页面背景色及背景图片的方法。分享给大家供大家参考，具体如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE=javascript> function update(temp) {if(tem...
本文实例讲述了JavaScript实现点击按钮切换网页背景色的方法。分享给大家供大家参考，具体如下： 这里演示JavaScript用按钮随意变换背景颜色，每点击一下按钮，就可以随机改变一种网页背景颜色。颜色值事先是保存在JS的数组里，你在代码里会发现他们，若不想要某个颜色，就替换掉即可。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/ 具体代码如下： <!DOCTYPE HTML PUBLI...
本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和颜色的方法。分享给大家供大家参考。具体如下： 这里使用jquery实时改变字体大小、字体背景色和颜色，JQUERY让很多事变得更简单，确实是个实用的小插件，对JQ不熟悉的朋友，平时可要多看一些实例啦，比如现在这一个小实例，你可以从中学习到不少知识点的哦。 运行效果如下图所示：具体代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht...
本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下： 这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等，点击对应按钮，Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件，这一切都是在JS的动态控制下，比如无刷新切换网页风格的实现，可以以此为基础来扩展。 运行效果如下图所示：具体代码如下： <!DOCTYPE html PUBL...
本文实例讲述了JS实现进入页面时渐变背景色的方法。分享给大家供大家参考。具体实现方法如下： <html> <head> <title>JS实现的进入页面时的渐变的背景色效果</title> <SCRIPT Language="JavaScript"> <!-- 屏幕变色程序 --> function CBgColor(){ var color = 0, step = 1 //color为初始颜色，step为初始步长 while( color <= 0xffffff){ //在颜色变白(color=0xffffff)之前，不断将颜色值增加 document.bgColor = color color += s...