超链接怎么连接到一个div

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="dao.Picture" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<style type="text/css">
#gallery { width:640px;height:auto;margin:0 auto; position:relative; }
ul#thumbnails { padding:0 0 0 10px; margin:0; list-style:none; }
ul#thumbnails li { float:left; position:relative; top:670px; }
ul#thumbnails li a { height:50px; width:50px; padding:3px; display:block; text-decoration:none; background:#fff; }
ul#thumbnails li a img { width:50px; height:50px; border:0; }
ul#thumbnails li a:hover { background:#fc0; }
ul#thumbnails li.close a:hover { background:#fff; }
#gallery #fullsize { position:absolute; left:0; top:0; height:640px; width:640px; overflow:hidden; }
#gallery #fullsize div { width:640px; height:840px; padding-top:25px; }
#gallery #fullsize div img { display:block; margin:0 auto; border:0; }
</style>

</head>

<body>
<div id="gallery">
<ul id="thumbnails">

<%

List list=(List)request.getAttribute("piclist");
for(int i=0;i<list.size();i++){
Picture pic=(Picture)list.get(i);

%>
<li><a href="#pic<%=i+1%>"><img src="<%=pic.getPath()%>" alt="pic<%=i+1%>" /></a></li>
<%
}
%>
</ul>
<div id="fullsize">
<%

for(int i=0;i<list.size();i++){
Picture pic=(Picture)list.get(i);

%>
<div id="pic<%=i+1%>"><img src="<%=pic.getPath()%>" alt="pic<%=i+1%>" /></div>
<%
}
%>

</div>

</div>

<div style="width:550px;margin:20px auto; clear:both;">

</div>

</body>
</html>

一开始可以连接到div 后来到 jsp 有 <base href="<%=basePath%>"> 点超链接会连接到主页 求高手破解

<a href="#a1">跳到a1</a>

<div name="a1" id="a1"></div>

 


示例:保存下载的代码为HTML,试试就知道了

<a href="#a1">跳到a1</a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>11
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp; </p>
<div name="a1" id="a1">222333</div>

温馨提示:内容为网友见解,仅供参考
第1个回答  2013-12-11

连接到一个DIV?

如果我没理解的错,你说的瞄记?点击一个连接,跳转到当前页面某一行?

如果是的话,给DIV一个name属性例如:

<div name="tiaozhuan">
</div>
<a href="#tiaozhuan">点击我跳转到DIV</a>

当然也有可能是我理解错了!链接到DIV?

第2个回答  2013-12-12
<a href="javascript:void(0)" onclick="showDIV()">连接到div</a>然后你在页面的JS函数中声明showDIV()函数完成你要显示div的内容,然后点击就可以显示你的div了,不知道这样显示div是不是你要的那种。

如何在一个div中加入所有超链接
1、打开html编辑器,新建一个html文件,写入一个div容器,容器里面有一个a标签:2、给div设置class属性container,给它宽度和高度,背景颜色;然后给a标签设置display属性为block,设置宽度为100%,高度为auto,这样a标签就会铺满上层的div,此时点击整个div都会打开链接:3、打开浏览器,在div的边缘点击:4...

怎么整个DIV加超链接
1、首先创建一个html文件一个css样式表文件。2、在html文件中创建一个div,并且类命名为tab1。3、这里的背景使用纯色的背景,还没有用背景图片。4、在css文件中对div内容进行样式的设置,首先插入背景图片,因为背景图片的尺寸比div尺寸大出许多,所以网页显示出的背景只是背景图片的一部分。5、对背景图...

asp.net 如何实现同一个页面超链接链接到同一个页面的div
你必须先设置一个锚点。 你想让超链接跳到那个div那 就在那个div代码里面加上a的name属性 例如<div><a name="zhenli><\/a><\/div> 然后你想点哪链接到锚点就写:<a href="#zheli">点此跳到锚点<\/a> 给你个案例看看:www.kqqy.net\/lianxi\/#3 (不是广告啊)...

如何在一个div里添加链接
1、首先我们先来编写一个HTML框架 2、我们来创建一个a标签,进行超链接的展示;3、我们接下来书写head书签,在其中进行书写其他编写;4、接着书写style标签,在其中书写css代码;5、我们利用a:link 进行对未点击的超链接进行样式设置;6、接着利用a:visited进行对已点击的超链接进行设置;7、最后,我们...

怎么给div加超链接怎样给div添加超链接
如何超链接整个DIV?div不能变成超链接,但是可以设置一个和div一样的block元素,给人的感觉和你要求的一样。ppt中链接有哪几种?超链接可分为:文本超链接、图像超链接、电子邮件链接、锚定链接、多媒体文件链接。1.文本超链接是指文本中单词、短语、符号、图像、声音片段或电影片段之间的链接,或与...

超链接如何在指定DIV中打开啊
<\/a<\/divcontent和menu 都只是CSS的一种样式。。。分别只能这两个div 不可以跨越控制。。。 除非你把content和menu里面的CSS修改下。。。你可以给相应的层设定一个锚链接,比如你想在a.html里打开<div class=content层的内容,你可以再<div class=content id=here 在链接里这么设置<a he...

超链接如何在指定DIV中打开啊
还是建议你使用iframe吧,DIV本身没有加载页面的功能,这种效果都是通过Ajax方式来实现的,而Ajax的代码要比使用iframe复杂得多,并且对后端提供的数据也有一定的要求,而且这类代码通用性比较差,给你提供的示例代码复制到你的页面里不一定会很好的发挥作用....

急求:在同一个页面中,当点击一个div中超链接,在另外一个div中显示超链...
不用框架只能用js实现了

html 如何让多张超连接图片在一行
外面套个div,设置固定宽度,这个宽度大于等于这几张图片的总宽度即可:测试:<!doctype html><html lang="en"><head> <title><\/title> <style> #oneline{ width:1300px; } <\/style><\/head><body> <div id="oneline"> <img src="d:\\有趣.jpg" alt=""> <...

如何用层(DIV)给一张图片上的固定文字添加超链接?
”DIV“在一个有超链接的图片上再加几个文字链接,首先需要在有图片的超链接后面添加一些span或者是p标签,同样的也是使用a标签包裹就实现了链接的同步实现,通过代码来理解:html> <head> <\/head> <body> <div><a href=''><img src='图片地址'><span>我也是有图片的链接地址<\/span><\/a><\/...

相似回答