图形版新闻系统的问题．

zhuangjunx 2008-12-25 07:22:25

http://paper.people.com.cn/rmrb/html/2006-06/12/node_17.htm

后台在添加新闻的时候，怎么能生成每块新闻一个链接这样的效果．

...全文

181 20 打赏收藏转发到动态举报

写回复

用AI写文章

20 条回复

切换为时间正序

请发表友善的回复…

发表回复

Chris_thanks 2008-12-29

打赏
举报

[Quote=引用 12 楼 zhuangjunx 的回复:]
主要是想知道，在后台生成的时候，Map 的坐标怎么更方便生成？
[/Quote]

HTMLMap 没用过，应该可以直接用工具，ASP.NET AJAX框架扩展有个HTML Map控件
具体看：
http://dotnet.chinaitlab.com/ASPNET/739368.html

yefengzhixia 2008-12-28

打赏
举报

顶了

刚建一c#群 63242231 希望有志同道合的朋友和高手指导

谢谢。。。呵呵呵

空心兜兜 2008-12-28

打赏
举报

确实是很特别的方式

ChinaXtHuLang 2008-12-27

打赏
举报

学习。。顶。、

xyz7885696 2008-12-27

打赏
举报

保罗来up！！

yuziyuedemsdn 2008-12-26

打赏
举报

看看

yagebu1983 2008-12-26

打赏
举报

up！！

yangzhangyu832 2008-12-26

打赏
举报

学习。。顶。、

qq690196838 2008-12-26

打赏
举报

看一下

zhuangjunx 2008-12-26

打赏
举报

主要是想知道，在后台生成的时候，Map 的坐标怎么更方便生成？

Chris_thanks 2008-12-26

打赏
举报

最下面的 table就是一张图片拿相机照的估计是偷懒不想一张张照

Chris_thanks 2008-12-26

打赏
举报

看了一下 HTML 用Map



<MAP NAME="pagepicmap"><AREA SHAPE="POLY" COORDS="210,11,256,11,256,124,210,124" href="content_6993083.htm"><AREA SHAPE="POLY" COORDS="264,606,519,606,519,636,473,636,473,659,264,659,264,606,329,606,454,606,454,606,329,606,329,606" href="content_6993084.htm"><AREA SHAPE="POLY" COORDS="389,440,519,440,519,593,389,593,389,440,264,440,389,440,389,477,264,477,264,440,389,440,264,583,385,583,385,593,264,593,264,583,264,477,384,477,384,580,264,580,264,477,264,583" href="content_6993085.htm"><AREA SHAPE="POLY" COORDS="4,483,255,483,255,661,4,661,4,483,4,483,255,483,255,483,4,483,4,483" href="content_6993086.htm"><AREA SHAPE="POLY" COORDS="264,336,320,336,320,256,514,256,514,428,264,428,264,336,264,256,514,256,514,256,264,256,264,256" href="content_6993087.htm"><AREA SHAPE="POLY" COORDS="46,342,185,342,185,268,255,268,255,471,46,471,46,342,4,268,46,268,46,471,4,471,4,268,46,342,46,333,184,333,184,338,46,338,46,333,46,268,185,268,185,330,46,330,46,268,46,333" href="content_6993088.htm"><AREA SHAPE="POLY" COORDS="4,133,255,133,255,254,4,254,4,133,4,133,255,133,255,133,4,133,4,133" href="content_6993089.htm"><AREA SHAPE="POLY" COORDS="264,4,519,4,519,244,264,244,264,4,264,4,519,4,519,4,264,4,264,4" href="content_6993090.htm"></MAP>

然后JS onclick事件 http://www.people.com.cn/paper/rmrb/range.js



/* 坐标模式 */

function drawLine(obj)

{

 var areaObj = obj;

 var str = areaObj.coords;

 var arr = str.split(",");

 var xArr = new Array(arr.length/2);

 var yArr = new Array(arr.length/2);

 var x=0,y=0;

 var max =1,min =2;

 for (var t =0 ;t<arr.length ;t=t+2 )

 {

 	//alert("x == "+arr[t]);

 xArr[x++] = parseInt(arr[t]);

 }

 for (var t =1 ;t<arr.length ;t=t+2 )

 {

 	//alert("y == "+arr[t]);

 yArr[y++] = parseInt(arr[t]);

 }

var x1 = find(xArr,min);

//alert("x min == "+x1);

var x2 = find(xArr,max);

//alert("x max == "+x2);

var y1 = find(yArr,min);

//alert("y min == "+y1);

var y2 = find(yArr,max);

//alert("y max == "+y2);



 var mapObj = obj.parentElement;

 if(typeof mapObj == "object")

 {

 	//alert(mapObj.name);

	

	var imgs = document.all.tags("img");

	//alert(imgs.length);

	if(imgs != null)

	{

		for(var i=0;i<imgs.length;i++)

		{

			var imgobj = imgs.item(i);

			//alert(imgobj.src);

			var mapname = imgobj.useMap;

			//alert(mapname);

			if(typeof mapname == "string" && mapname.toLowerCase() == ("#" + mapObj.name).toLowerCase())

			{

				//alert(mapname);

				var imgleft = 0;

				var imgtop = 0;

				

				

				var imgparent = imgobj.parentElement;

				while(typeof imgparent == "object" && imgparent.tagName.toUpperCase() != "BODY")

				{

					imgleft += imgparent.offsetLeft - imgparent.style.borderLeft;

					imgtop += imgparent.offsetTop - imgparent.style.borderTop;

					imgparent = imgparent.parentElement;

				}

				

				imgleft = imgleft - 5;

				imgtop = imgtop -5;

				//alert("left1 == "+imgleft);

				//alert("top1 == "+imgtop);

				

				MouseOverMap(x1,y1,x2,y2,imgleft,imgtop);

			}

		}

	}

	

	

 }

}



function find(arr,type)

{

	var tmp=arr[0]; 

	if (type==1)

	{

	 for (var loop=0;loop<arr.length ;loop++ )

	 if (arr[loop]>tmp)

		 tmp = arr[loop];

	 return tmp;

	}

	else if (type == 2)

		{



	 for (var loop=0;loop<arr.length ;loop++ )

	 if (arr[loop]<tmp)

	 		 tmp = arr[loop];

	 return tmp;

	}



}



function MouseOverMap(x1,y1,x2,y2,imgleft,imgtop) {

//这里鼠标经过 红边

var divElm = document.getElementById("leveldiv");

var Left = 0 + x1;

var Top = 0+ y1;

var Right = parseInt(x2 - x1);

var bottom = parseInt(y2 - y1);

divElm.style.border = "solid 2px #FF0000";

divElm.style.left = Left+imgleft;

divElm.style.top = Top+imgtop;

divElm.style.width = Right;

divElm.style.height = bottom;

divElm.style.cursor = "pointer";

}



function MouseOutMap() {

//这里鼠标out

	var divElm = document.getElementById("leveldiv");

	divElm.style.border = "";

}

 

function clickmap(obj)

{

	//window.open

 //点击事件 

(obj.href,"newwin","toolbar=no,resizable=no,scrollbars=yes,dependent=no,width=700,height=500");	

	obj.target="_blank";

}