没有更多推荐了，
不良信息举报
举报内容：
鼠标移入文字上向右移动效果
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！iH5高级教程：HTML5建站，鼠标移上、移出特效_百度经验
&&&&&&互联网iH5高级教程：HTML5建站，鼠标移上、移出特效听语音123456
百度经验:jingyan.baidu.com下面我们一起来学习iH5高级教程：HTML5建站，鼠标移上、移出特效百度经验:jingyan.baidu.comiH5百度经验:jingyan.baidu.com11.设置舞台大小。将舞台大小设置为px，在本示范案例中设置了舞台的大小，在实际制作时可自由设置舞台大小。2.选中舞台，点击图片工具，上传图片素材。长方形的图片1和图片2是鼠标移上两个logo时分别要显示的图片。3.将图片1和图片2隐藏。分别选中图片1和图片2，设置舞台左边的图片属性面板的可见为No。这样在案例打开时，最开始是不会显示图片的。2分别选中图片“logo”和“Frozen_logo”，分别添加一个事件。触发条件是鼠标移上，目标对象分别是图片1和图片2，目标动作是设置属性，选择设置属性后，目标动作下会出现一系列跟图片属性面板相同的属性选项，将可见设置为YES。设置之后在预览案例时，鼠标移上logo时，下面的图片就会显示。3分别选中图片“logo”和“Frozen_logo”，分别添加一个事件。触发条件是鼠标移出，目标对象分别是图片1和图片2，目标动作是设置属性，选择设置属性后，目标动作下会出现一系列跟图片属性面板相同的属性选项，将可见设置为NO。设置之后在预览案例时，鼠标移出logo时，下面的图片就会隐藏。4先行知识：事件重点控件：事件、设置属性、初始可见、可见知识点：1.&鼠标移上：鼠标移动到触发对象的范围之上时；注意：这个触发条件只对PC端的作品起作用。2.&鼠标移出：鼠标移动到触发对象的范围之外时；注意：这个触发条件只对PC端的作品起作用。重点事件：触发对象：logo触发条件：鼠标移上目标对象：图片1目标动作：设置属性可见：YES触发对象：logo触发条件：鼠标移出目标对象：图片1目标动作：设置属性可见：NOEND经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。投票(0)已投票(0)有得(0)我有疑问(0)◆◆说说为什么给这篇经验投票吧！我为什么投票...你还可以输入500字◆◆只有签约作者及以上等级才可发有得&你还可以输入1000字◆◆如对这篇经验有疑问，可反馈给作者，经验作者会尽力为您解决！你还可以输入500字相关经验00010热门杂志第1期你不知道的iPad技巧3758次分享第1期win7电脑那些事6608次分享第2期新人玩转百度经验1396次分享第1期Win8.1实用小技巧2646次分享第1期小白装大神1908次分享◆请扫描分享到朋友圈没有更多推荐了，
不良信息举报
举报内容：
【code】jQuery实现鼠标滑过标题显示其后内容
举报原因：
原文地址：
原因补充：
最多只允许输入30个字
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！博客分类：
下面有demo的下载。样式可以自己调整CSS。
只需要在&a&标签里面加上 title=""
这个属性就是你所要在悬浮提示窗口里面显示的内容。
这个是从网络上收集到的。据说这个可以兼容目前的所有主流浏览器。
不过个人没有条件测试，只在IE8上没有问题（IE8的限制已经够恶心的了。其他应该问题不大）
如果哪位朋友发现在某个很恶心的破浏览器中不兼容。还请各位在这里回复一下，也好在其他朋友看的时候比较方便。
就先说这么说代码这里有，demo下面下载。。。。贫道和师太约会去了……
&style type="text/css"&
div#qTip {
padding: 3
border: 1px solid #666;
border-right-width: 2
border-bottom-width: 2
background: #999;
color: #FFF;
font: bold 9px Verdana, Arial, Helvetica, sans-
text-align:
z-index: 1000;
color: #900;
text-decoration:
font-weight:
background: #900;
color: #FFF;
margin: 24px 0;
_margin: 0;
&script language="JavaScript" type="text/JavaScript"&
var qTipTag = "a";
var qTipX = -30;
var qTipY = 25;
tooltip = {
name : "qTip",
offsetX : qTipX,
offsetY : qTipY,
tip : null
tooltip.init = function () {
var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
if(!tipContainerID){ var tipContainerID = "qTip";}
var tipContainer = document.getElementById(tipContainerID);
if(!tipContainer) {
tipContainer = document.createElementNS ? document.createElementNS(tipNameSpaceURI, "div") : document.createElement("div");
tipContainer.setAttribute("id", tipContainerID);
document.getElementsByTagName("body").item(0).appendChild(tipContainer);
if (!document.getElementById)
this.tip = document.getElementById (this.name);
if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};
var anchors = document.getElementsByTagName (qTipTag);
for (var i = 0; i & anchors. i ++) {
a = anchors[i];
sTitle = a.getAttribute("title");
if(sTitle) {
a.setAttribute("tiptitle", sTitle);
a.removeAttribute("title");
a.onmouseover = function() {tooltip.show(this.getAttribute('tiptitle'))};
a.onmouseout = function() {tooltip.hide()};
tooltip.move = function (evt) {
var x=0, y=0;
if (document.all) {//IE
x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollL
y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollT
x += window.event.clientX;
y += window.event.clientY;
} else {//Good Browsers
x = evt.pageX;
y = evt.pageY;
this.tip.style.left = (x + this.offsetX) + "px";
this.tip.style.top = (y + this.offsetY) + "px";
tooltip.show = function (text) {
if (!this.tip)
this.tip.innerHTML =
this.tip.style.display = "block";
tooltip.hide = function () {
if (!this.tip)
this.tip.innerHTML = "";
this.tip.style.display = "none";
window.onload = function () {
tooltip.init ();
下载次数: 60
Michael.solofly
浏览: 49439 次
来自: 北京
谢谢分享，对我很有用处，表示非常感谢！抱走
很赞，有用。终于解决了，感谢啊！
受教了，终于搞定了
呵呵，有意思的讨论，MS楼主是有道理的
mqlfly2008 写道不过是对象间地址的值传递而已哈哈。楼 ...
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'HTML页面为什么设置了UTF-8仍然中文乱码
如题，其实问题很简单，在用EditPlus写html页面的时候，发现设置为UTF-8的时候仍然出现了乱码，
这是一个很奇怪的问题，而且我完全考虑了浏览器的解析问题，将title放在了了meta标签之后，之后突然想起页面
保存时候的编码问题，在保存页面的时候EditPlus默认的是ANSI的编码方式，而不是UTF-8。所以在保存页面的时候注意选择编码方式为UTF-8即可。
如果要修改EditPlus默认的编码方式，可以在tools---configure user tools，配置为Default
encoding为UTF-8即可。
如下图配置：
在保存文件到计算机硬盘的时候，文件保存的内容已经和本机采用的编码相关，采用了计算机上有的某种编码方式来存储。
在简体中文系统中ANSI代表的就是GB2312，繁体似乎是GBK,而在日文操作系统下，ANSI 编码代表 JIS 编码。
使用 2 个字节来代表一个字符的各种语言字体编码方式，称为 ANSI 编码
所以如果保存时候用的是ANSI, Html页面中的meta定义的是&meta
http-equiv="Content-Type" content="text/ charset=GB2312"
&meta http-equiv="Content-Type" content="text/
charset=GBK"
/&，由于GBK是在GB2312基础上演变而来，所以这两者在保存之后都能被浏览器解释出来，而
如果保存时候用的是ANSI而在meta中 用的是&meta
http-equiv="Content-Type" content="text/ charset=UTF-8"
/&则就会出现乱码，因为在用UTF-8方式去解析这样的ANSI
码的时候会出现不能正常解析也就出现了乱码
解决方式：用什么方式编码，就用什么方式解析，ａｌｌ　ｗｉｌｌ　ｂｅ　ｏｋ　ｔｈｅｎ
更多编码的知识，见下一篇转载文章：
　　　　　　　　　　　　　　　　　　　　－－－－cilen
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。