jQuery控制页面背景色渐变的特效

来源:https://www.sucaihuo.com/js/2841.html 2017-08-26 00:22浏览(891) 收藏

一款jQuery控制页面背景色渐变的特效,可以随意输入任意的颜色,然后回车确认,就会立即看到页面背景色的切换效果。
jQuery控制页面背景色渐变的特效
分类:html/css > 图形 难易:初级
查看演示 下载资源: 7 下载资源 下载积分: 20 积分

页面的head部分,需引入页面的样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分,在div容器里面设置好两个input输入框用来输入颜色,代码如下:

<div class="colors">
  <p>改颜色并确认</p>
  <div>
    <input class="color" spellcheck="false" id="color-1" type="text" maxlength="7" value="#DD5E89" />
    <input class="color" spellcheck="false" id="color-2" type="text" maxlength="7" value="#F7BB97" />
  </div>
</div>

页面的底部,需引入jQuery库和必要的JS文件,代码如下:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

  • 头像 椅子
    08-30 23:25
    f***杰
    很溜很好的特效
  • 头像 沙发
    08-26 13:05
    x***i
    很溜的特效
1 2