一半设计一半前端
鹤望岚
首页
前端教程
HTML教程
CSS教程
JavaScript教程
jQuery教程
界面设计
案例集
CSS3案例集
JavaScript案例集
学生实训作品
zblog建站
前端资源
工具
书籍
酷站推荐
文章归档
项目代码下载
导航菜单
首页
前端教程
HTML教程
CSS教程
JavaScript教程
jQuery教程
界面设计
案例集
CSS3案例集
JavaScript案例集
学生实训作品
zblog建站
前端资源
工具
书籍
酷站推荐
文章归档
项目代码下载
Previous slide
Next slide
最近更新
JavaScript案例集
JavaScript案例4:鼠标经过显示隐藏的内容
利用数组对象的方式,把数据放入数组的对象中,动态加载到一个div中,再通过改变div的定位实现在不同的地方显示不同的内容。具体效果点击查看一、html代码<div id="a...
2019年08月15日
3965
JavaScript案例集
JavaScript案例7:有小圆点导航和缩略图的幻灯片切换(两个版本)
很多幻灯片切换的时候,下面有一个对应的小圆点导航条。这种案例的关键点是各自的下标传递,依然要用到自定义属性。功能有:1、点击下一张和上一张切换大图。2、下面导航的小圆点的active高亮状态随着大图的...
2018年08月28日
4558
JavaScript案例集
JavaScript案例6:有缩略图的幻灯片切换(有两个版本)
幻灯片切换的案例中,如果不存在缩略图或者导航的小点点,一般只需要下标值的改变即可。如果存在两组数据,而且数据之间必须有一一对应的关系时,就要依赖自定义属性的方法来传递各自的下标值了。这个案例有两个版本...
2018年08月28日
3466
JavaScript案例集
JavaScript案例5:QQ好友列表的展开和隐藏
QQ好友列表的展开和隐藏效果。第一个案例的功能是:1、点击好友列表的标题,打开下面的好友列表,再次点击标题, 关闭列表。多个好友列表之间互不影响。2、点击好友名字,出现active高亮样式。效果如图:...
2018年08月28日
4205
JavaScript案例集
JavaScript案例3:鼠标经过方块消失出现图片
这个案例主要是练习for循环生成阵列。通过定位在图片上方摆满多个div,鼠标经过div消失。具体页面效果点击查看一、html代码<div id="wrap">...
2018年08月27日
3781
JavaScript案例集
JavaScript案例2:幻灯片切换效果(顺序切换和循环切换)
幻灯片的切换是网站常用功能,这个案例包括了顺序切换和循环切换两种效果。1、循环切换就是点击下一张,到了最后一张,偷偷摸摸切换到第一张。点击上一张,到了第一张,再偷偷摸摸切换到最后一张, 让你觉得好像幻...
2018年08月24日
3975
JavaScript案例集
JavaScript案例1:模仿微信界面发送信息
开始JavaScript的案例更新了。第一个案例是模仿微信界面发送信息。1、点击头像可以模拟切换用户。2、输入信息,点击发送可以显示在屏幕上。3、新信息在上方,旧信息在下方,方便有滚动条的时候能直接看...
2018年08月22日
4239
‹‹
1
››