js动态效果
关注
分享
扫一扫
yanner_
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js实现滚动工具栏
如图：模拟微博工具栏 说明：鼠标点到黑色框中哪个模块，便会向下展开哪个模块的工具栏，鼠标拿开便会自动隐藏。 html代码：<body><div class="nav"><ul><li onmouseover="show(this)" onmouseout="hide(this)"><a href="#">微博</a><ul><li><a href="#">私信</a></li><l原创 2017-10-27 21:59:17 · 731 阅读 · 0 评论 -
js实现图片切换
说明：两种浏览模式 循环切换模式：通过鼠标点击左键或右键可一直循环切换显示图片。 顺序切换模式：通过鼠标点击左键或右键只能从第一张切换到最后一张或从最后一张切换到第一张。 html代码：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>原创 2017-10-28 18:24:43 · 1121 阅读 · 0 评论 -
切换效果
说明：当鼠标指到三个任何提示模块（招生，热招，出国），便会在右边div显示对应的新闻模块。 html代码：<!DOCTYPE html><html><head><link href="sohudiv.css" rel="stylesheet" type="text/css"/><script language="javascript" type="text/javascript">原创 2017-10-22 22:34:27 · 321 阅读 · 0 评论 -
实现简单购物车功能
说明：选择需要购买的物品，计算总价。<!DOCTYPE html><html><head></body><link href="sohudiv.css" rel="stylesheet" type="text/css"/><script language="javascript" type="text/javascript">function gouwu(obj){ var fru原创 2017-10-23 15:16:49 · 464 阅读 · 0 评论 -
js实现图片自动切换
说明：通过计时器使得图片每间隔几秒可以自动切换，也可以通过鼠标的点击控制播放的图片。 html代码：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>图片自动切换</title><link rel="stylesheet" type="t原创 2017-10-31 22:00:10 · 2479 阅读 · 1 评论