彩世界开奖app官网-彩世界平台官方网址(彩票平台)
做最好的网站
来自 彩世界平台官方网址 2019-12-06 23:53 的文章
当前位置: 彩世界开奖app官网 > 彩世界平台官方网址 > 正文

jquery实现实时改变网页字体大小、字体背景色和

$.ready { $.change.css({fontSize:this.value});//dom } ) // change the font color $.change.css({background:this.value}); } ) // change the background color $.change.css; } )}); 字体大小  小号 较小 中号 较大 大号  背景颜色  默认 淡灰 红色 绿色 明黄  字体颜色  黑色 红色 绿色 蓝色 棕色    浩浩荡荡的迎亲队伍,转过金陵城的主要街道,再把出尽风头的新皇后冯妙芝送到皇帝选定的洞房柔光殿。贺喜的大臣、亲友已经纷纷告退了,很快,帝后就要携手进入洞房,共度春宵了……此时此刻,我站在这片泾水和渭水之间的大牧场上,脚下是三块古旧的巨大的石板铺就的小小广场,前面的松柏葱翠里是一座冷冷的尼庵,那就是曾经宠爱过我的君王给我的最后的归宿。

jquery实现实时改变网页字体大小、字体背景色和颜色的方法,jquery字体大小

本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和颜色的方法。分享给大家供大家参考。具体如下:

这里使用jquery实时改变字体大小、字体背景色和颜色,JQUERY让很多事变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。

运行效果如下图所示:

彩世界平台官方网址 1

具体代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="js/jquery1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $("#fontsize").change(
  function()
  {
   $("p").css({fontSize:this.value});//dom
  }
  )
  // change the font color
  $("#backgroundcolor").change(
  function()
  {
   $("p").css({background:this.value});
  }
  )
  // change the background color
  $("#fontcolor").change(
  function()
  {
   $("p").css({color:this.value});
  }
  )
});
</script>
</head>
<body>
<div id="formstylecontrols">
  <label for="fontsize">字体大小</label>
  <select id="fontsize">
    <option value="12px">小号</option>
    <option value="14px">较小</option>
    <option value="16px" >中号</option>
    <option value="18px">较大</option>
    <option value="24px">大号</option>
  </select>
  <label for="backgroundbackground">背景颜色</label>
  <select id="backgroundcolor">
    <option value="#F4FBFF">默认</option>
    <option value="gray">淡灰</option>
    <option value="red">红色</option>
    <option value="green">绿色</option>
  <option value="yellow">明黄</option>
  </select>
  <label for="fontcolor">字体颜色</label>
  <select id="fontcolor">
    <option value="#000000">黑色</option>
    <option value="#ff0000">红色</option>
    <option value="#006600">绿色</option>
    <option value="#0000ff">蓝色</option>
  <option value="#660000">棕色</option>
  </select>
  <label>
 <input type="submit" id="style" value="保存设置" />
 </label>
</div>
<p>三月初三,春日晴朗</p>
<p>浩浩荡荡的迎亲队伍,转过金陵城的主要街道,再把出尽风头的新皇后冯妙芝送到皇帝选定的洞房柔光殿。贺喜的大臣、亲友已经纷纷告退了,很快,帝后就要携手进入洞房,共度春宵了……</p>
<p>此时此刻,我站在这片泾水和渭水之间的大牧场上,脚下是三块古旧的巨大的石板铺就的小小广场,前面的松柏葱翠里是一座冷冷的尼庵,那就是曾经宠爱过我的君王给我的最后的归宿。</p>
</body>
</script>
</html>

希望本文所述对大家的jquery程序设计有所帮助。

本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和...

您可能感兴趣的文章:

  • JQuery实现动态适时改变字体颜色的方法
  • jquery实现实时改变网页字体大小、字体背景色和颜色的方法
  • jquery实现标题字体变换的滑动门菜单效果
  • jQuery实现自动调整字体大小的方法
  • jQuery实现切换字体大小的方法
  • jQuery之字体大小的设置方法
  • jquery更换文章内容与改变字体大小代码
  • 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
  • jQuery实现的文字hover颜色渐变效果实例
  • jquery衣服颜色选取插件效果代码分享

本文实例讲述了jQuery获得字体颜色16位码的方法。分享给大家供大家参考,具体如下: var...

这里使用jquery实时改变字体大小、字体背景色和颜色,JQUERY让很多事变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。

jQuery获得字体颜色16位码的方法,jquery字体颜色

本文实例讲述了jQuery获得字体颜色16位码的方法。分享给大家供大家参考,具体如下:

var i = $(this).css('color');
var o = i.match(/^rgb((d ),s*(d ),s*(d ))$/);
 delete (o[0]);
 for (var n = 1; n <= 3;   n) {
 o[n] = parseInt(o[n]).toString(16);
 if (o[n].length == 1) o[n] = '0'   o[n];
 }
var s = o.join('');

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery拖拽特效与技巧总结》、《jQuery常见经典特效汇总》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jquery常用操作技巧汇总》

希望本文所述对大家jQuery程序设计有所帮助。

希望本文所述对大家的jquery程序设计有所帮助。

本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和颜色的方法。分享给大家供大家参考。具体如下:

本文由彩世界开奖app官网发布于彩世界平台官方网址,转载请注明出处:jquery实现实时改变网页字体大小、字体背景色和

关键词: 脚本 之家 字体大小 背景色