jquery 怎样让css内容有渐变效果?

html-css023

jquery 怎样让css内容有渐变效果?,第1张

<script type="text/javascript">

$(document).ready(function() {

$("input").click(function() {

$(this).hide().fadeIn(700).addClass('b')//当前这个input先隐藏再渐显,你可以测试一下,如果不是你想要的效果,你可以查一下jq的渐隐效果函数或者animate()函数,控制这个input的透明度就好了,例如 $(this).animate(‘opacity’,‘0’);

//点击text增加b效果

$("body").one("click", function() {

$("input").removeClass("b")

//点击其他地方消除b效果

})

return false

})

})

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。

CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

HTML超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

HTML5万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改

即是说

javascript 代码可以让前台变的有动画有交互

jquery是一个封装好,就是指别编好了的可以供他人重复运用的js代码

css是样式表,就是指网站上用什么样式,如边框的精细,背景的颜色等等。css3是他的高版本。

html是一种网页代码,我们好说是前台代码,或说是静态代码。html5是它的升级版,里面加入了好多以前要用js才能来完成,现在用这些标签就可以完成了,也就是说加了好多更适合现在时代发展需要的标签。

html5可以说还是来布局,然后还是用样式来规它的皮肤,然后用js代码或jquer代码来完成对它们的控制,以达到对网站前台动画或交互的实现。