自定义Title

最新推荐文章于 2022-03-29 16:54:04 发布
最新推荐文章于 2022-03-29 16:54:04 发布
阅读量809 收藏
点赞数
分类专栏： JavaScript 文章标签： function javascript null border html div

来源：http://hi.baidu.com/adverse/blog/item/b1cc9758b416eddf9c8204c7.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自定义Title</title>
</head>
<body >
<p><B>自定义Title</B>(IE & FireFox...)：把鼠标放在下面的文字上查看效果</p>
<span title="Javascript" title="">默认效果</span><br><br>
<span title="<marquee style='width:60px;'>www.azhong.com</marquee>" altbg="red" altcolor="yellow" altborder="yellow">滚动字幕</span><br><br>
<span title="<img src='http://www.azhong.com/azhong.com.logo.gif' border='0'>" altbg="#F7F7F7" altcolor="#999999" altborder="#CCCCCC">图片</span><br><br>
<span title="<i style='font-size:18pt;font-family:verdana;'>welcome to <font color='yellow'>www.azhong.com</font></i>" altbg="green" altcolor="black" altborder="darkgreen">大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体大字体</span><br><br>
<div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id="_altlayer"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.body.οnmοusemοve=quickalt;
document.body.οnmοuseοver=getalt;
document.body.οnmοuseοut=restorealt;
var tempalt='';

var UA=navigator.userAgent.toLowerCase();
var ISIE=(UA.indexOf("msie") > 0);
function $(hw_){return document.getElementById(hw_);}

function _Move(evn,o){
     _bW=document.body.clientWidth;
     _left1=document.body.scrollLeft+evn.clientX+10;
     _oW=o.offsetWidth;
     _left=((evn.clientX+_oW)>_bW)?(_left1-_oW-10):_left1;
     if((evn.clientX+_oW)>_bW){_left=(_oW<evn.clientX)?(_left1-_oW-10):_left1;}

     _bH=document.body.clientHeight;
     _top1=document.body.scrollTop+evn.clientY+6;
     _oH=o.offsetHeight;
     _top=((evn.clientY+_oH)>_bH)?(_top1-_oH-6):_top1;
     if((evn.clientY+_oH)>_bH){_top1=(_oH<evn.clientY)?(_top1-_oH-6):_top1;}
     o.style.left=_left;
     o.style.top=_top;
}

function getalt(hw_){
     if(ISIE){evn=event}else{evn=hw_}
     var eo = evn.srcElement?evn.srcElement:evn.target;
     if(eo.title && (eo.title!=""|| (eo.title=="" && tempalt!=""))){
         o = $("_altlayer");
         _Move(evn,o);
         o.style.display='';
         tempalt=eo.title;
         tempbg=eo.getAttribute("altbg");
         tempcolor=eo.getAttribute("altcolor");
         tempborder=eo.getAttribute("altborder");
         eo.title='';
         o.innerHTML=tempalt;
         if (tempbg!=null){o.style.background=tempbg}else{o.style.background="infobackground"}
         if (tempcolor!=null){o.style.color=tempcolor}else{o.style.color=tempcolor="infotext"}
         if (tempborder!=null){o.style.border="1px solid "+tempborder;}else{o.style.border="1px solid #000000";}
     }
}
function quickalt(hw_){
     if(ISIE){evn=event}else{evn=hw_}
     o = $("_altlayer");
     if(o.style.display==""){
         _Move(evn,o);
     }
}
function restorealt(hw_){
     if(ISIE){evn=event}else{evn=hw_}
     var eo = evn.srcElement?evn.srcElement:evn.target;
     eo.title=tempalt;
     tempalt="";
     $("_altlayer").style.display="none";
}
//-->
</SCRIPT>

</body>
</html>

 

fanhgye
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
自定义的title
03-24
NULL 博文链接：https://landy-sun.iteye.com/blog/1022672
自定义title
大道至简，开发由我！
04-04 1038
ecshop商品页面的title信息是“商品名->栏目名->上级栏目名->网店名“这个规则来自动生成的，有时这样的title可能不符合SEO的需要，那么就需要自定义title。 思路： 前台：首先在商品表增加title字段；然后在商品页面的.php文件中,读取此字段并赋给smarty；然后再展示到模板上。 后台：发布商品时，表单中应有自定义title表单项,并能提交入库；修改商品
自定义标题Title
Liu_Anny的博客
03-28 775
支持 左侧返回按钮（图标） 中间标题（文本） 右侧图标文本 代码实现 布局文件 &lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;!--1号：标题栏布局：右侧有一个返回按钮，中间有一个居中的单行标题--&gt; &lt;RelativeLayout xmlns:android="http://schemas.android....
自定义Title标题栏
RKGG爱吃鱼
06-23 515
最近需要写一个自定义的标题栏，本来想把自带的style改改的，但是又感觉太麻烦，所以干脆自己来写一个，简单的实现中间文字标题，两侧Button点击事件。 先放个效果图： 代码如下： <android.support.v7.widget.Toolbar android:layout_width="match_parent" android:layout_
Android编程实现自定义title功能示例
08-31
在Android应用开发中，自定义title是提升应用界面个性化和用户体验的重要手段。本文将详细讲解如何通过编程方式在Android中实现这一功能。 首先，我们创建一个XML布局文件，命名为`title.xml`，来定义自定义的title...
Ecshop商品分类页实现自定义Title
02-12
本文档详细介绍了如何在Ecshop这款开源电商系统中实现商品分类页的自定义Title功能，以便更好地优化网站在搜索引擎中的表现。 首先，我们需要在数据库层面进行修改。 Ecshop的分类信息存储在`ecs_category`表中。...
Android编程自定义title bar(标题栏)示例
09-01
在Android应用开发中，自定义Title Bar（或称为ActionBar，因为从Android 3.0（API Level 11）开始，Title Bar被ActionBar所取代，但在这里我们讨论的是早期版本中的Title Bar）是一种常见的需求，这有助于提高应用...
自定义title(两种,跟随和不跟随)
KK的博客
06-18 476
<html> <head> <script src="1.9.1/jquery.min.js"></script> <style> body{ background-color: #ccc; text-align: center; padding...
自定义title--2
qq_40285497的博客
07-19 308
这回这个自定义title增加了碰撞检测，三角尖是根据class来变化的，js检测到位置后给元素加上相应类名就可以，代码如下 js代码如下 var zQui = {}; // 自定义title；ele:需要浮窗的元素，str：显示的内容 zQui.title = function (opt) { // 现在界面上加入一个浮窗元素，之后只要显示隐藏就可以了 let title...
自定义title指令
qq_44187211的博客
03-29 177
自定义title指令，当字数超过才显示
自定义Title标题样式
hilary3113的博客
04-25 587
我们在开发中，会对标题进行操作，全屏操作，改变标题样式等等。我们可以通过requestWindowFeature(featrueId)来实现，它的功能是启用窗体的扩展特性。参数是Window类中定义的常量。 枚举常量 1.DEFAULT_FEATURES：系统默认状态，一般不需要指定 2.FEATURE_CONTEXT_MENU：启用ContextMenu，默认该项已启用，一般无需指定 3...
html中实现自定义title属性
kakakaluka的博客
07-31 471
可以使用 tooltip
APP自定义标题栏——并对标题栏中的控件实现监听和响应 源代码下载
SDBX_lyp的博客
04-23 1163
通常的APP标题栏是这样的：当然这样的标题栏也不是说一无是处，还是很方便用的。不过如果你想做一个更好看一些的标题栏，那就要自定义一个标题栏了，像这个样子：如果你想做一个漂亮的标题栏，有无从下手，那就跟着本文一起学习一下吧。1.分析一下如何实现的：       首先你要写一个布局文件，这个布局文件里面就只有你想要的标题栏的布局，像步骤2里面的那样，然后你在代码里面将默认的标题栏屏蔽掉，再把刚才自己写...
android设置title字体大小,Android自定义TitleView标题开发实例
weixin_39771260的博客
05-25 867
Android开发过程中，经常遇到一个项目需要重复的定义相同样式的标题栏，Android相继推出了actionBar, toolBar, 相信有用到的朋友也会遇到一些不如意的时候，比如标题栏居中时，需要自定义xml文件给toolBar等，不了解actionBar,toolBar的可以去找相应的文章了解，这里介绍自定义titleBar满足国内主题风格样式的情况。为了提前看到效果，先上效果图：前期准备...
js实现自定义title提示效果
heromps的博客
03-15 2317
html结构 要实现给定义的节点添加提示效果，需要首先需要添加自定义属性data-title，这是data-title是空的，然后通过js把title的值放到里面 <span title="this is a title 1" deta-title>title1</span> 关键的CSS设置 首先给我们自定义的data-title属性添加一个相对定位 设置伪元素content: attr()的值为deta-title content: attr(deta-title)的值，获取
自定义title属性
斗师——Ace
05-15 1099
1. 通过封装组件<Tip/>，两层标签去实现。其中white-space: nowrap;是不换行。content: attr(titleInfo)是鼠标移入的文本内容。 <template> <div class='tip title-info' :titleInfo='text'> <div class="nowrap">{{text}}</div> </div> </template..
自定义html title属性
mySkyBeyond
11-12 2746
转自网络，可直接copy使用。 在实际的开发过程中，如过不想新出明细的页面，就可以用title的属性把明细信息都让鼠标悬浮的时候显示出来，但title属性显示出来可能会影响本来页面的信息展示（覆盖原有信息），请结合实际的场景进行使用。 代码如下： JS控制TITLE悬停效果 - veryhuo.com /** * className 类名 * tagname HTM...
a-modal 自定义title
最新发布
05-27
<div class="custom-title">自定义标题 <!-- 其他内容 --> ``` 2. 在 CSS 样式中定义 .custom-title 类，例如： ```css .custom-title { font-size: 20px; font-weight: bold; color: #333; text-align: ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值