首页 / JAVASCRIPT / 背景，文字渐变（无闪屏）_页面背景

背景，文字渐变（无闪屏）_页面背景

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了背景，文字渐变（无闪屏）_页面背景，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3318字，纯文字阅读大概需要5分钟。

内容图文

背景变换

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

文字颜色渐变（无闪屏）

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<SCRIPT language=javascript> 
function wh_10to16(n){ 
  var a = new Array(16); 
  a[0]="0";a[1]="1";a[2]="2";a[3]="3";a[4]="4";a[5]="5";a[6]="6";a[7]="7";a[8]="8";a[9]="9";a[10]="A";a[11]="B";a[12]="C";a[13]="D";a[14]="E";a[15]="F"; 
  return a[parseInt(n/16)]+a[n%16] 
} 
function wh_TransbgMakeColor(r,g,b){ 
  return wh_10to16(r)+wh_10to16(g)+wh_10to16(b); 
} 
function wh_TransbgGetColorInc(r1,r2){ 
  if (r1 < r2) return 1; else if (r1 > r2) return -1; else return 0; 
} 
function wh_changebg() { 
  var r = wh_TransbgR1; 
  var g = wh_TransbgG1; 
  var b = wh_TransbgB1; 
  wh_TransbgR1 += wh_TransbgGetColorInc(wh_TransbgR1,wh_TransbgR2)*wh_TransbgSpeed; 
  wh_TransbgG1 += wh_TransbgGetColorInc(wh_TransbgG1,wh_TransbgG2)*wh_TransbgSpeed; 
  wh_TransbgB1 += wh_TransbgGetColorInc(wh_TransbgB1,wh_TransbgB2)*wh_TransbgSpeed; 
  if ((r-wh_TransbgR2)*(wh_TransbgR1-wh_TransbgR2) <=0 ) wh_TransbgR1 = wh_TransbgR2; 
  if ((g-wh_TransbgG2)*(wh_TransbgG1-wh_TransbgG2) <=0 ) wh_TransbgG1 = wh_TransbgG2; 
  if ((b-wh_TransbgB2)*(wh_TransbgB1-wh_TransbgB2) <=0 ) wh_TransbgB1 = wh_TransbgB2; 
  document.bgColor=wh_TransbgMakeColor(wh_TransbgR1 ,wh_TransbgG1 ,wh_TransbgB1); 
  if (wh_TransbgR1==wh_TransbgR2 && wh_TransbgG1==wh_TransbgG2 && wh_TransbgB1==wh_TransbgB2){ 
     if ((++wh_TransbgIndex) >= wh_TransbgTotal-1) { 
       if (!wh_TransbgLoop && wh_TransbgCount==1) return; 
       wh_TransbgCount++; 
       wh_TransbgIndex=0; 
    } 
    wh_TransbgR1 =wh_TransbgColorsR[wh_TransbgIndex]; 
    wh_TransbgG1 =wh_TransbgColorsG[wh_TransbgIndex]; 
    wh_TransbgB1 =wh_TransbgColorsB[wh_TransbgIndex]; 
    wh_TransbgR2 =wh_TransbgColorsR[wh_TransbgIndex+1]; 
    wh_TransbgG2 =wh_TransbgColorsG[wh_TransbgIndex+1]; 
    wh_TransbgB2 =wh_TransbgColorsB[wh_TransbgIndex+1]; 
  } 
  setTimeout("wh_changebg()", 1); 
} 
wh_TransbgR1=0; 
wh_TransbgG1=0; 
wh_TransbgB1=0; 
wh_TransbgR2=0; 
wh_TransbgG2=0; 
wh_TransbgB2=0; 
wh_TransbgSpeed=1; 
wh_TransbgLoop=true; 
wh_TransbgTotal=4; 
wh_TransbgIndex =wh_TransbgTotal-1; 
wh_TransbgColorsR = new Array(wh_TransbgTotal); 
wh_TransbgColorsG = new Array(wh_TransbgTotal); 
wh_TransbgColorsB = new Array(wh_TransbgTotal); 
wh_TransbgColorsR[0]=255; 
wh_TransbgColorsG[0]=240; 
wh_TransbgColorsB[0]=230; 
wh_TransbgColorsR[1]=230; 
wh_TransbgColorsG[1]=255; 
wh_TransbgColorsB[1]=240; 
wh_TransbgColorsR[2]=240; 
wh_TransbgColorsG[2]=230; 
wh_TransbgColorsB[2]=255; 
wh_TransbgColorsR[3]=255; 
wh_TransbgColorsG[3]=240; 
wh_TransbgColorsB[3]=230; 
wh_TransbgCount=0; 
wh_changebg(); 
</SCRIPT>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的背景，文字渐变（无闪屏）_页面背景全部内容，希望文章能够帮你解决背景，文字渐变（无闪屏）_页面背景所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/306224.html

来源：【匿名】

【上一篇】[转]JS宝典学习笔记_基础知识【下一篇】javascript 怎么调用php方法

更多 ►

【背景，文字渐变（无闪屏）_页面背景】教程文章相关的互联网学习教程文章

javascript如何设置DIV背景色为随机色【代码】

随机色有两种格式：效果预览：http://wjf444128852.github.io/DEMOLIST/JS/test/index.html1、rgb(xxx,xxx,xxx)2、#xxxxxx下面实现两种随机的方法思路：就是如何让x都是随机的，1、中的xxx是0-255之间的随机整数，用Math.random()*255取得0-255之间的随机数，再Math.floor()保留小数点前面的2、中的x是0123456789abxdef中的随机6个的组合，这里可以用数组或者字符串处理，这里采用数组，只要从数组里取6次，每次取得数组下标是0-16...

1. JavaScript的使用及其背景

JavaScript能做什么？ JavaScript的常用功能介绍：表单数据合法性验证网页特效：使用DOM和CSS可以实现网页特效交互式菜单：创作具有动态效果的交互式菜单，完全能够与flash制作的导航菜单相媲美动态页面：使用JavaScript可以对WEB页面的全部元素进行访问或者修改其属性，实现动态的效果，如网页版的扑克游戏等。数值计算：丰富的数据操作方式，让JavaScript也具有了可以开发网页版计算器的功能。游戏开发：随着Unity3d、cocos2d-js...

js动画显示背景图片【代码】

jAni是一个可以动画显示背景图片的jQuery插件。这个插件基本上是GIF动画的一个替代品，但是他有他的好处。所有浏览器都支持GIF形式的动画格式，而且也不需要额外的javaScript代码和标记。但是不好的一点是，GIF格式的图片只有256色。而且你不能控制图片的显示。这个插件通过载入垂直的GIF帧，然后改变容器的background-postion来显示动画，这样你就可以自由控制了。特色轻量级的脚本很容易使用可以通过CSS完全定制所有浏览器都支持...

原生JS写了一个小demo，根据输入的数字生成不同背景颜色的小方块儿~【代码】

昨天练习写了这个小demo，个人觉得通过设置定位元素left和top的值，来实现换行的功能，这种方法很巧妙~另外，如下代码中的随机颜色的获取，还请各位前辈多多指教：需要改进的地方；或者有没有更好的方法。 1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title></title> 6<style type="text/css"> 7 body{text-align: center;} 8 li{height:50px;width:50px;background:red;position:absolut...

清除css、javascript及背景图在浏览器中的缓存_html/css_WEB-ITnose

在实际项目开发过过程中，页面是上传到服务器上的。而为了减少服务器的压力，让用户少加载，浏览器会将图片、css、js缓存到本地中，以便下次访问网站时使用。这样做不仅减少了服务器的压力，并且也减少了用户的下载次数，获得更好的用户体验。　　然而在版本升级或做一些css、js等调整的时候，缓存导致用户无法显示更新后的样式，这是另人头头疼的问题。除非用户自行手动升级缓存，不过几乎所有用户不会为了正常访问这个网站而去...

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结

解决方法一：IE6 Hack脚本代码如下:<script> if(navigator.appName == "Microsoft Internet Explorer"){ var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(trim_Version=="MSIE6.0"){ ;//alert("IE 6.0"); try { document.execCommand("BackgroundImageCache", false, fix); }catch(err){ } } } </script> 解决方法二：IE6 Hack注释代码如下:<!--...

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结_javascript技巧【图】

解决方法一：IE6 Hack脚本代码如下: if(navigator.appName == "Microsoft Internet Explorer"){ var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(trim_Version=="MSIE6.0"){ ;//alert("IE 6.0"); try { document.execCommand("BackgroundImageCache", false, fix); }catch(err){ } } } 解决方法二：IE6 Hack注释代码如下: document.execComma...

javascript-选项卡处于非活动状态/用于录制时有背景时,画布不会重新绘制(WebGL)【代码】

我正在构建在线Web应用程序,该应用程序在画布上呈现视频,然后使用canvas.captureStream()和mediaRecorder记录画布.问题在于,当用户切换选项卡或最小化窗口时,画布会冻结.我使用了webWorkerSetInterval(Hacktimer.js)后,动画一直保持运行状态.根据Chrome,他们尚未提供解决方案https://bugs.chromium.org/p/chromium/issues/detail?id=639105. 有人可以建议解决方法吗？我尝试了不允许最小化但未成功的新窗口.切换窗口时录制不会停止...

jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果【图】

本文实例讲述了jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果。分享给大家供大家参考。具体如下：这里演示基于jquery实现的动画菜单，内含四种效果的网站菜单，第一种是不带效果的传统导航菜单，第二种是带有图形滚动背景的菜单，第三种是由右向左背景滚动的菜单，第四种则是背景色渐变的网站菜单，每一种都很精彩，喜欢Js菜单的可模仿借鉴一下。运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/...

javascript-exif.js加载出来的PNG图像背景是黑色的？【图】

这是没有上传前的图片这是上传后的图片运用exif.js解析的图片，不知道什么原因，上传的png格式的不知道为什么是黑色背景下面直接贴代码吧 /*** 上传多张图片* @method uploadImg* @params url:上传图片请求的服务器端的文件的地址,* @params container:图片上传之后渲染到哪个父盒子,* @params maxCount:最多可上传的数目,* @params maxMb:上传的大小MB* @params fileInput:上传图片的文件域* @params scale:图片的缩放比例大小...

首页 / JAVASCRIPT / 背景，文字渐变（无闪屏）_页面背景

背景，文字渐变（无闪屏）_页面背景

内容导读

内容图文

内容总结

内容备注

内容手机端

【背景，文字渐变（无闪屏）_页面背景】教程文章相关的互联网学习教程文章

javascript如何设置DIV背景色为随机色【代码】

1. JavaScript的使用及其背景

js动画显示背景图片【代码】

原生JS写了一个小demo，根据输入的数字生成不同背景颜色的小方块儿~【代码】

清除css、javascript及背景图在浏览器中的缓存_html/css_WEB-ITnose

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结_javascript技巧【图】

javascript-选项卡处于非活动状态/用于录制时有背景时,画布不会重新绘制(WebGL)【代码】

jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果【图】

javascript-exif.js加载出来的PNG图像背景是黑色的？【图】

javascript-jQuery中的supersized插件，在thinkphp项目中背景图片的引入路径是怎样的？【图】

PHP中用JAVAscript中的Confirm,为什么页面背景变成白板?解决方案

如何使用javascript获取图片主体背景色（代码）【图】

教你如何使用gedit圖形界面修改背景顏色（图文）【图】

React为什么会出现？react出现的历史背景介绍【图】

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程