<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>Image Gallery</title> <script language="javascript"> function ppt(alink){ var path=alink.href; document.getElementById("placeholder").src=path; } function pLink(){ var links=document.getElementsByTagName("a"); for(var i=0;i<links.length;i++){ links[i].onclick=function(){ ppt(this); return false; } } } window.onload=pLink; </script> </head> <body> <h1>Snapshots</h1> <ul> <li><a href="images/daffodil.jpg" title="A daffodil">黄水仙</a></li> <li><a href="images/dahlia.jpg" title="A dahlia">天竺牡丹</a></li> <li><a href="images/daisy.jpg" title="A daisy">雏菊</a></li> <li><a href="images/hydrangea.jpg" title="A hydrangea">八仙花 </a></li> <li><a href="images/petunia.jpg" title="A petunia">牵牛花</a></li> <li><a href="images/rose.jpg" title="A rose">蔷薇花</a></li> <li><a href="images/Waterlilies.jpg" title="A Waterlilies">水莲</a></li> </ul> <img id="placeholder" src="images/no_pic.jpg" alt="my image gallery"/> </body> </html>
效果图:
个人E-mail:chaoyi77@163.com
相关推荐
jQuery点击锚点链接屏幕滚动代码是一款网页右侧浮动导航点击锚点链接屏幕滚动特效代码。
浏览页面时导航栏到达顶端会吸附,导航栏内有锚点链接内容楼层
jquery网页浮动导航点击锚点链接屏幕滚动
HTML5锚点链接
jquery html锚点链接_a标签当前页面锚点_a标签锚点
固定在页面右侧的锚点链接导航菜单,点击对应的导航栏目页面自动滚动到对应的锚链接名所在的位置,当前导航以抽屉式从右往左滑出显示,图标与CSS样式经过了加密处理,如果想要修改的话也可以自行修改使用,主要还是...
使用HTML开发商业网站 锚点链接 超链接标签 超链接标签 创建锚点链接分为两步 例如 平面广告设计 . . . 平面广告设计 超链接标签 超链接标签 谢谢大家
基于vue监听滚动事件,实现锚点链接平滑滚动 近日在做一个vue项目的餐饮模块,小编需要实现一个菜单列表显示的功能(如图所示:左边为菜单类别,右边显示相对应的菜品) 小编将此分为三个功能模块来实现(本来一张动画...
前端综合小项目(目录文件夹、标签、锚点链接等的学习)
彩色单页锚点链接网页模板
Dreamweaver网页中怎么制作锚点链接?Dreamweaver设计网页的时候,想要添加锚点链接,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下
HTML建立锚点和超链接.ppt
主要介绍了jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
NULL 博文链接:https://justcoding.iteye.com/blog/598481
以前介绍过一个用 JS 实现的页面锚点跳转缓冲特效,效果相当不错,可以在同一页面的锚点链接之间实现平滑的滚动,但是 JS 代码相对来说比较冗长,现在好了,只要已经加载了 JQuery,我们就可以用较为简短的代码实现...
...
...