扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
不可以的。但是可以通过css中的after伪元素自己实现title的功能,比如:
站在用户的角度思考问题,与客户深入沟通,找到海东网站设计与海东网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:网站建设、做网站、企业官网、英文网站、手机端网站、网站推广、域名注册、网络空间、企业邮箱。业务覆盖海东地区。
div data-title="标题" class="tip"/div
.tip:after {
content:attr(data-title);
//在这里设置好title出现的位置就好了
}
你可以通过onmouseover事件来show一个内容为title的自定义box给这个box啦定义样式。
------解决方案--------------------------------------------------------style#tooltip{border:1px solid red; background:#FF6;
position:absolute;
padding:1px;
color:#333;
display:none;}/stylescript type=text/javascript src=scripts/jquery-1.7.1.min.js/script
script type=text/javascript
$(function(){var x=10;var y=20;$(a.tooltip).mouseover(function(e){
this.myTitle=this.title;
this.title=;
var tooltip=div id='tooltip'+this.myTitle+/div; //创建DIV元素
$(#link).append(tooltip); //追加到文档中
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px}).show(); //设置X Y坐标, 并且显示
}).mouseout(function(){
this.title=this.myTitle;
$(#tooltip).remove(); //移除
}).mousemove(function(e){
$(#tooltip).css({top: (e.pageY+y) + px,left: (e.pageX+x) + px});})})/script
title超链接提示效果/title/headbodydiv id=link
pa href=# class=tooltip title=这是我的超链接提示1提示1/a/p
pa href=# class=tooltip title=这是我的超链接提示2提示2/a/p
pa href=# title=这是我的超链接提示1自带提示1/a/p
pa href=# title=这是我的超链接提示2自带提示2/a/p/div/bodyjq写的, 你看看是不是你想要的那种效果, 提示框的样式可以自己更改的。。
引用(有人回答过了):
.btn {
BORDER-RIGHT: #7b9ebd 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #7b9ebd 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
BORDER-LEFT: #7b9ebd 1px solid;
CURSOR: hand;
COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #7b9ebd 1px solid
}
button class=btn title="CSS样式按钮"CSS样式按钮/button
以上是一个典型的CSS控制的按钮样式。我分别作一下简单的解释与说明:
.btn {
BORDER-RIGHT: #7b9ebd 1px solid; 右边线
PADDING-RIGHT: 2px; 内边距 右
BORDER-TOP: #7b9ebd 1px solid; 上边线
PADDING-LEFT: 2px; 内边距 左
FONT-SIZE: 12px; 文字大小
BORDER-LEFT: #7b9ebd 1px solid; 左边线
CURSOR: hand; 鼠标移上去时,变成手形。
COLOR: black; 颜色黑 (表示文字颜色)
PADDING-TOP: 2px; 内边距 上
BORDER-BOTTOM: #7b9ebd 1px solid 底边线
}
可以使用CSS的expression,仅限于IE5-IE7上使用,代码如下所示:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
html
head
titleTest Expression/title
style type="text/css"
a {star : expression(onload=this.title="111111111111")}
/style
/head
body
a href="a.htm"a.htm/a
a href="b.htm"b.htm/a
/body
/html
效果如下:
1、打开开发工具,新建一个HTML文件。
2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei";}。
3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px;}。
4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。
5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600;}。
6、使用color设置字体颜色代码:.demo1{color: #FF0000;}。就完成了。
div的title属性是不能修改样式的,用css也没法加。
你非要做的话,可以用多个
div+css
+js的方式套一个模拟的出来。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流