jquery,菜鸟学JQuery第五天----周五了,明天还要考普通话.......

感谢大家支持偶,偶一定更加努力学习滴。
哈哈 给大家一个段子
尊敬的起床困难户:
您此次起床共用了11分钟,您已击败了全国10%学生。
寝室还有一位同学起床失败,正在重起。隔壁宿舍全部死机!
jquery,菜鸟学JQuery第五天----周五了,明天还要考普通话....... 哈哈
今天我要讲的是” 样式操作“

我就是你要操作的段落



这个呢就是我们要操作的段落了
我们首先要引用那个JQUERY的JS文件,你懂的


思路都是相同的下面给大家几个其他的操作样式表的方法
追加样式addClass("myclass")(不影响其他样式),
移除样式removeClass("myclass"),
上面的用法是相同的,但是代码我就不写了,大伙自己去实现楼,哈哈
然后,又要开始做几个例子了,首先第一个例子
大家都知道,现在你像,优酷,土豆,在线看视频有一个开关灯的效果,下面我们也实现一个简陋的开关灯效果,我主要就是讲解一下原理,希望大家给我一些更好的效果。
首先为了方便演示,先准备一张”美女图片“jquery,菜鸟学JQuery第五天----周五了,明天还要考普通话....... 哈哈,漂亮
哦了,你自己照图片去啊,我就不管了。
然后开始写代码喽。
我是前台的图片


上面是HTML代码的主题部分,这个我想不是重点吧。
下面继续

CSS主题部分

这个就是最重要的JQ代码了,我上面已经用注释的办法给大家解释了,希望大家,做出更好的效果,
关灯前的效果
jquery,菜鸟学JQuery第五天----周五了,明天还要考普通话.......
jquery,菜鸟学JQuery第五天----周五了,明天还要考普通话.......
关灯之后的效果
Tags:  jquery

延伸阅读

最新评论

发表评论