JS实例效果
diligentkong
分享是最好的学习方式!
展开
-
倒计时
也许这是最后一个寒假,总感觉和父母在一起的时间越来越短暂,时间抓也抓不住,匆匆从指缝溜走!啥也不说了,用代码看看距离离家还有几个小时吧!<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">原创 2017-02-06 14:34:06 · 306 阅读 · 0 评论 -
利用js中prototype的知识写下拉菜单
学习了js中的prototype知识点,利用其写了个下拉菜单实例。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0;原创 2017-02-16 21:35:21 · 460 阅读 · 0 评论 -
JS实现全选、不选和反选效果
利用javascript实现全选、不选和反选效果 这个啥也不用多说,直接来代码,代码中自有注释帮你理解<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){原创 2017-01-24 18:57:20 · 4852 阅读 · 0 评论 -
手风琴效果(js版本以及jquery版本)
最近又复习了jQuery的知识,既然jQuery是javascript的一个库。jQuery能做到的事情javascript也能做到。因此用这两种方法实现了图片手风琴效果 按照惯例,还是上代码吧,因为代码里有我的注释也就相当于解释了!(^__^) 嘻嘻…… 先看一下javascript的代码吧: div布局: 注意哦,里面的图片我们用js代码生成<div id="box">原创 2017-02-20 16:12:12 · 645 阅读 · 0 评论 -
js实现多tab栏切换效果(二)
上篇js实现tab栏切换效果(一)实现了tab栏的切换效果,如果实现多tab栏的切换效果的话,直接用上面的代码会有小bug。不过不用怕,给每个tab栏加一个id唯一标识的话,就没啥问题了。 废话上说,上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title>原创 2017-01-25 17:30:34 · 4090 阅读 · 0 评论 -
js实现tab栏切换效果(一)
利用javascript实现tab栏切换效果, 其中原理“置之死地而后生”,先把所有人干掉,自己再复活。 直接上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{原创 2017-01-25 17:17:02 · 9739 阅读 · 0 评论 -
js实现轮播图原理及示例
网上有很多的例子介绍,在这里我所做的无缝滚动就是 通过改变元素的left值让图片呈现左右滚动的效果。 我们首先看一下 div+css 的结构样式: div+css代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text原创 2017-02-15 15:06:01 · 86504 阅读 · 21 评论