Title的样式问题？

       foreach (DataRow row in ds.Tables[0].Rows)
        {
           string DateKey=e.Day.Date.ToString().Substring(0, e.Day.Date.ToString().IndexOf(" "));
           string RowStr=row["Record_Date"].ToString();
           int d1 = Convert.ToInt16(RowStr.Substring(0, 4));
           int d2 = Convert.ToInt16(RowStr.Substring(4, 2));
           int d3 = Convert.ToInt16(RowStr.Substring(6, 2));
           string DateIndex = d1.ToString() + "-" + d2.ToString() + "-" + d3.ToString();

           if (DateIndex==DateKey)            {
           string notecontent = row["Content"].ToString();
           e.Cell.Attributes.Add("class", "box1");
           e.Cell.Attributes.Add("title", notecontent);
             break;
           }
         }
   以上代码实现的calender新功能，即鼠标移动可以查看数据库中该日期相关事件。现有一问题是title中的样式（即字体、分段、格式、颜色等）希望能重新定义，该怎么做呢？

6 个解决方案

#1

看不懂...你查查Style属性有没

#2

对啊cssclass李设置样式

#3

poptext.js 文件



//***********默认设置定义.*********************

tPopWait=40;//停留tWait豪秒后显示提示。

tPopShow=5000;//显示tShow豪秒后关闭提示

showPopStep=20;

popOpacity=99;


//***************内部变量定义*****************

sPop=null;

curShow=null;

tFadeOut=null;

tFadeIn=null;

tFadeWaiting=null;


document.write("<style type='text/css'id='defaultPopStyle'>");

document.write(".cPopText {  background-color: #fffff2;color:#000000; border: 1px #000000 solid; font-family: Verdana,Tahoma, Arial, Helvetica, sans-serif;font-size: 12px; padding-right: 2px; padding-left: 2px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");

document.write("</style>");

document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");



function showPopupText(){

var o=event.srcElement;

	MouseX=event.x;

	MouseY=event.y;

	if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};

        if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};

	if(o.dypop!=sPop) {

			sPop=o.dypop;

			clearTimeout(curShow);

			clearTimeout(tFadeOut);

			clearTimeout(tFadeIn);

			clearTimeout(tFadeWaiting);	

			if(sPop==null || sPop=="") {

				dypopLayer.innerHTML="";

				dypopLayer.style.filter="Alpha()";

				dypopLayer.filters.Alpha.opacity=0;	

				}

			else {

				if(o.dyclass!=null) popStyle=o.dyclass 

					else popStyle="cPopText";

				curShow=setTimeout("showIt()",tPopWait);

			}


	}

}


function showIt(){

		dypopLayer.className=popStyle;

		dypopLayer.innerHTML=sPop;

		popWidth=dypopLayer.clientWidth;

		popHeight=dypopLayer.clientHeight;

		if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24

			else popLeftAdjust=0;

		if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24

			else popTopAdjust=0;

		dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;

		dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;

		dypopLayer.style.filter="Alpha(Opacity=0)";

		fadeOut();

}


function fadeOut(){

	if(dypopLayer.filters.Alpha.opacity<popOpacity) {

		dypopLayer.filters.Alpha.opacity+=showPopStep;

		tFadeOut=setTimeout("fadeOut()",1);

		}

		else {

			dypopLayer.filters.Alpha.opacity=popOpacity;

			tFadeWaiting=setTimeout("fadeIn()",tPopShow);

			}

}


function fadeIn(){

	if(dypopLayer.filters.Alpha.opacity>0) {

		dypopLayer.filters.Alpha.opacity-=1;

		tFadeIn=setTimeout("fadeIn()",1);

		}

}

document.onmouseover=showPopupText;



在页面<head>区加入这行：

<script src="poptext.js"></script>

并定义了提示框风格式样表

.cPopText { font-size: 12px; background-color: #CCFFCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border:1px solid #000000;}

<img src="sq02.gif" width="33" height="25" alt="绿色主题"> 

<img src="sq02.gif" width="33" height="25" dypop="绿色主题" dyclass="green">

#4

一些别人写得主题样式！



.green {

	BACKGROUND-COLOR: #ccffcc; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px

}

.red {

	BACKGROUND-COLOR: #ff6666; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px

}

.yellow {

	BACKGROUND-COLOR: #ffff99; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px

}

.purple {

	BACKGROUND-COLOR: #cc99ff; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px

}

.marqgreen {

	BACKGROUND-COLOR: #ccffcc; BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px; WIDTH: 100px

}

.hello {

	BACKGROUND-IMAGE: url(dia.gif); BACKGROUND-REPEAT: no-repeat; FONT-SIZE: 12px; HEIGHT: 35px; PADDING-BOTTOM: 4px; PADDING-TOP: 10px; WIDTH: 89px

}

#5

其实就是检查title属性，元素有这个属性就用ＤＩＶ层替换！
否则ｔｉｔｌｅ是没办法改变样式的，不过可以换行！



<a href='/news/detail/159.html' target='_ablank' title='标    题：fadfasdf

作    者：佚名

转 贴 自：本站原创

更新时间：2007-3-14 10:31:00

点 击 数：0

关 键 字：fdafdddfa

推荐等级：无

分页方式：不分页

阅读等级：游客

阅读点数：0'>fadfasdf</a>


这样玩！不过很明显不符合你的要求！

#6

还有其他的办法吗？各位指点详细一点吧

#1