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

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

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

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

1 2