js+jquery实现标签背景渐变颜色，支持大部分浏览器

最新推荐文章于 2023-09-26 09:32:31 发布

程序十八大

最新推荐文章于 2023-09-26 09:32:31 发布

阅读量3.2k

点赞数

分类专栏： 2017-12 html javascript 文章标签： html5 javascript jquery

本文链接：https://blog.youkuaiyun.com/pow8368684/article/details/78923414

版权

本文介绍如何结合js和jQuery实现在不同浏览器上兼容的标签背景颜色渐变效果，首先确保引入jQuery库。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明：需要先加载jquery库

$(function() {
 
 // refreshGradient("#main_operation","#3073e5","#2d9ae6",3);//div背景颜色渐变
});
/*********************************
 * 设置标签背景渐变
 * @param divId  标签 、 id 、className
 * @param color1  渐变开始颜色
 * @param color2  渐变结束颜色
 * @param type	  渐变类型   1=左到右，2=上到下，3=左上到右下，4=左上到右上
 */
function refreshGradient(divId,color1,color2,type) {
	var col1 = "#ffffff";
	var col2 = "#3074e5";
	var div = "body";
	if(divId != null){
		div = divId;
	}
	if(color1 != null){
		col1 = color1;
	}
	if(color2 != null){
		col2 = color2;
	}
	var showType = "to right bottom";//默认左上角到右下角
	switch (type) {
	case 1:
		showType = "to right";
		break;
	case 2:
		showType = "to top";
		break;
	case 3:
		showType = "to right bottom";
		break;
	case 4:
		showTyp