淘宝 网页鼠标悬停图像变换问题

donglin0316 2011-03-14 01:42:17
<img src="图像路径" onmouseover="this.src='变换图像路径'" onmouseout="this.src='图像路径'">

这样本来是可以的,可是在淘宝上都被屏蔽的,要怎么解决?
...全文
737 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
donglin0316 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用 7 楼 wshqszw1 的回复:]

HTML code
<dd> <div id="focusPic1" style="display:block;"><a href="#"><img id="imgList" alt="" runat="server" src="" width="609" height="412" /></a></div>
<div id……
[/Quote]

js更会被屏蔽了
Tanhualin 2011-03-14
  • 打赏
  • 举报
回复
收藏一下
wshqszw1 2011-03-14
  • 打赏
  • 举报
回复
    <dd>                <div id="focusPic1" style="display:block;"><a href="#"><img  id="imgList" alt="" runat="server" src="" width="609" height="412" /></a></div>
<div id="focusPic2" style="display:none;"><a href="#"><img alt="" id="Img1" runat="server" src="" width="609" height="412" /></a></div>
<div id="focusPic3" style="display:none;"><a href="#"><img id="Img2" alt="" runat="server" src="" width="609" height="412" /></a></div>
<div id="focusPic4" style="display:none;"><a href="#"><img id="Img3" alt="" runat="server" src="" width="609" height="412" /></a></div>
<div id="focusPic5" style="display:none;"><a href="#"><img id="Img4" alt="" runat="server" src="" width="609" height="412" /></a></div>
</dd>
<div id="focusnav1" visible="false"><a href="#" onMouseOver="javascript:showFocus(1);" id="SwitchSmaPic_1"><img visible="false" id="img5" alt="" runat="server" src="" width="139" height="95" /></a></div>
<dt id="focusnav2"><a href="#" onMouseOver="javascript:showFocus(2);" id="SwitchSmaPic_2"><img src="" id="imgOne" runat="server" width="139" height="95"/></a></dt>
<dt id="focusnav3"><a href="#" onMouseOver="javascript:showFocus(3);" id="SwitchSmaPic_3"><img src="" runat="server" id="imgTow" width="139" height="95"/></a></dt>
<dt id="focusnav4"><a href="#" onMouseOver="javascript:showFocus(4);" id="SwitchSmaPic_4"><img src="" runat="server" id="imgSan" width="139" height="95"/></a></dt>
<dt id="focusnav5"><a href="#" onMouseOver="javascript:showFocus(5);" id="SwitchSmaPic_5"><img src="" runat="server" id="imgSi" width="139" height="95"/></a></dt>
</dl>
<div class="clear"></div>
<script language="JavaScript" >
var currslid = 1;
function showDiv(obj, num, len) {
for (var id = 1; id <= len; id++) {
var ss = obj + id;
var snav = obj + "nav" + id;
if (id == num) {
try { document.getElementById(ss).style.display = "block" } catch (e) { };
try { document.getElementById(snav).className = "active" } catch (e) { };
} else {
try { document.getElementById(ss).style.display = "none" } catch (e) { };
try { document.getElementById(snav).className = "" } catch (e) { };
}
}
}
function showFocus(num) {
for (var id = 1; id <= 5; id++) {
currslid = num;
var fpid = "focusPic" + id;
var fcid = "focusContent" + id;
var fnid = "focusnav" + id;
if (id == num) {
try { document.getElementById(fpid).style.display = "block" } catch (e) { };
try { document.getElementById(fcid).style.display = "block" } catch (e) { };
try { document.getElementById(fnid).className = "active" } catch (e) { };
} else {
try { document.getElementById(fpid).style.display = "none" } catch (e) { };
try { document.getElementById(fcid).style.display = "none" } catch (e) { };
try { document.getElementById(fnid).className = "" } catch (e) { };
}
}
}
function playnext() {
if (currslid == 5) {
currslid = 1;
}
else {
currslid++;
};
showFocus(currslid);
playit();
}
function playit() {
slidint = setTimeout(playnext, 4000);
}
function stopit() {
clearTimeout(slidint);
}
window.onload = function () {
playit();
}
</script>


修改一下应该能用
liaobc 2011-03-14
  • 打赏
  • 举报
回复
不是吧!!!!!!
Joop_Song 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 dingzongyinnihao 的回复:]
这个??????淘宝不会屏蔽的吧
[/Quote]

淘宝只会赚钱,它会这技术??
donglin0316 2011-03-14
  • 打赏
  • 举报
回复
有没有别的方法额。。。
donglin0316 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 wxr0323 的回复:]

引用楼主 donglin0316 的回复:
<img src="图像路径" onmouseover="this.src='变换图像路径'" onmouseout="this.src='图像路径'">

这样本来是可以的,可是在淘宝上都被屏蔽的,要怎么解决?

什么浏览器都这样吗

是不是淘宝把onmouseover事件给屏蔽了。
[/Quote]

淘宝屏蔽的 代码都没了
  • 打赏
  • 举报
回复
这个??????淘宝不会屏蔽的吧
子夜__ 2011-03-14
  • 打赏
  • 举报
回复
[Quote=引用楼主 donglin0316 的回复:]
<img src="图像路径" onmouseover="this.src='变换图像路径'" onmouseout="this.src='图像路径'">

这样本来是可以的,可是在淘宝上都被屏蔽的,要怎么解决?
[/Quote]
什么浏览器都这样吗

是不是淘宝把onmouseover事件给屏蔽了。
目录 -------------------------------------------------------------------------------- 第1章 javascript概述 1 1.1 什么是脚本语言 2 1.2 javascript简介 2 1.3 javascript与java的关系 3 1.4 javascript的基本构成 4 1.4.1 基本数据类型 4 1.4.2 变量 4 1.4.3 常量 5 1.4.4 表达式 6 1.4.5 运算符 6 1.5 javascript的基本语法 10 1.5.1 if条件选择语句 10 1.5.2 switch选择语句 11 1.5.3 do…while语句 12 1.5.4 while循环语句 13 1.5.5 for循环语句 14 1.5.6 break语句与continue语句 15 1.6 javascript的函数调用 16 1.6.1 函数的定义与调用 17 1.6.2 全局变量与局部变量 17 1.6.3 可变参数的函数 17 1.6.4 预定义函数 17 1.7 javascript的对象 19 1.7.1 对象的基本概述 19 1.7.2 对象属性 19 1.7.3 创建对象 20 1.7.4 使用对象 22 1.7.5 其他内部对象 24 1.8 小结 26 第2章 javascript中事件. 窗口和框架的处理 27 2.1 事件处理的基本概念 28 2.2 常用事件及处理 28 2.2.1 浏览器事件 29 2.2.2 鼠标事件 29 2.2.3 文本框事件 30 2.2.4 其他事件 31 2.3 什么是框架 31 2.4 使用框架 32 2.5 小结 32 第3章 链接类特效 33 3.1 按时消失的链接 34 3.2 带滚动提示的链接 36 3.3 动态变换的链接 37 3.4 滚动链接 38 3.5 不断闪动的链接 39 3.6 在按钮上定时显示不同的链接 40 3.7 带链接的滚动字幕 42 3.8 单击链接显示菜单 43 3.9 鼠标右键链接 44 3.10 显示当前页的所有链接 45 3.11 查看网址源代码 46 3.12 将站点加入收藏夹 47 3.13 单击按钮返回默认主页 47 3.14 给指定的人员发信 48 3.15 弹出菜单式链接 49 3.16 图片选择器 50 3.17 链接导航框 51 3.18 小球跟踪链接 52 3.19 单击按钮打开全屏窗口 56 3.20 单选按钮选择链接 56 3.21 隐藏的链接 57 3.22 变换链接颜色 58 3.23 固定链接的位置 59 第4章 时间类特效 61 4.1 时间的水中倒影 62 4.2 简单的日历 63 4.3 带有农历的日历 65 4.4 标题栏显示日期 68 4.5 标题栏显示时间 69 4.6 不同时间的不同问候 69 4.7 记录进入网站的时间 70 4.8 页面的最后更新日期 71 4.9 节日倒计时 72 4.10 定时打开指定页面 72 4.11 显示在背景上的时钟 73 4.12 动态显示访问时间 75 4.13 在指定时间内保存页面 76 4.14 离今天最近的两个星期天 78 4.15 记录在网站停留的时间 79 4.16 带开关的时钟 80 4.17 每天显示一条不同的信息 81 4.18 模拟时钟 82 4.19 英文式的文本时钟 84 4.20 关闭页面时弹出时间警告框 85 4.21 显示在按钮上的时间 86 4.22 计算出生时间 88 4.23 计算几天后将是什么日期 92 第5章 鼠标类特效 95 5.1 让鼠标悬停来开关窗口 96 5.2 鼠标的十字星准星 96 5.3 鼠标的文字跟踪 97 5.4 鼠标经过时改变文本颜色 99 5.5 鼠标驱动图片变化 100 5.6 鼠标悬停时背景色改变 101 5.7 鼠标右键弹出对话框 102 5.8 鼠标的图片旋转跟踪 103 5.9 旋转的鼠标光环 105 5.10 跟随鼠标旋转的文字 107 5.11 单击鼠标右键打开网站 109 5.12 跟着鼠标的烟花 109 5.13 跟随鼠标的时钟 111 5.14 屏蔽鼠标右键 115 5.15 跟随鼠标的滚动字幕 116 5.16 鼠标悬停打开新的页面 117 5.17 鼠标的指针踪迹效果 118 5.18 跟随鼠标跳动的星星 119 5.19 冒水泡的鼠标 121 5.20 跟随鼠标的幻影文字 123 5.21 非图片鼠标跟踪 124 5.22 自动变化的鼠标指针 127 5.23 跟随鼠标的流星 128 第6章 图片类特效 133 6.1 鼠标控制图片的明暗效果 134 6.2 来回摆动的图片 134 6.3 随意飘动的图像 136 6.4 随意走动的图片 137 6.5 图片的水中倒影效果 140 6.6 可以随意拖动的图片 140 6.7 “雷达”扫描图片效果 142 6.8 图片的变形效果 143 6.9 会抖动的图片 144 6.10 不停闪烁的图片 146 6.11 图片分割显示 146 6.12 图片穿行页面效果 148 6.13 自由移动的图片 149 6.14 图片代替按钮效果 150 6.15 图片的翻转效果 151 6.16 向外扩展的图片 152 6.17 鼠标悬停改变图片 153 6.18 图片模糊效果 155 6.19 图片的探照灯效果 156 6.20 跟随屏幕移动的图片 157 6.21 图片的模糊显示 158 6.22 图片的渐隐渐现 159 6.23 一堆开放的花朵 160 第7章 文字类特效 165 7.1 闪烁的按钮文字 166 7.2 逐个显示的变色文字.. 167 7.3 垂直滚动的文字 168 7.4 文字的渐隐渐显的效果 169 7.5 文字跳动的效果 170 7.6 状态栏的打字效果 172 7.7 文字的逐条显示 172 7.8 文字的旋转效果 174 7.9 文字的心跳效果 175 7.10 文字在文本框中坠落 176 7.11 文字飞舞的效果 178 7.12 横向移动的跑马灯 181 7.13 可随便移动的文字 182 7.14 水波形的文字 183 7.15 首字母大小写的变化 184 7.16 状态栏文字飞出效果 186 7.17 链接文字的滚动效果 188 7.18 不停变色的文字 189 7.19 文字颜色变化的显示效果 190 7.20 选中文本框中的全部文字 192 7.21 按钮上的滚动文字 193 7.22 从天而降的文字 194 7.23 鼠标悬停显示提示文字 200 第8章 页面类特效 203 8.1 下雨的页面效果 204 8.2 网页中的loading条 206 8.3 页面的制作完成时间 207 8.4 在状态栏显示输入字符的页面 208 8.5 页面的加密功能 209 8.6 调色板更换页面背景 211 8.7 滚动信息公告页面 213 8.8 页面背景的颜色变化 215 8.9 页面背景的随机显示 216 8.10 单击按钮打印当前页面 217 8.11 记录用户的来访次数 218 8.12 可选择的页面信息 219 8.13 文本框消失的页面 220 8.14 随机播放背景音乐的页面 221 8.15 能自动滚屏的页面 222 8.16 密码保护页面 223 8.17 检测ie所装插件的页面 224 8.18 页面向右滚屏 225 8.19 渐渐消失的页面 226 8.20 按钮锁定页面 226 8.21 在线改变背景颜色 227 8.22 雪花纷飞的页面 228 8.23 页面直接显示 230 第9章 窗口类特效 233 9.1 按指定要求打开的窗口 234 9.2 控制窗口的打开和关闭 235 9.3 从天而降的窗口 235 9.4 打开慢慢变大的窗口 236 9.5 打开一个四面变大的窗口 237 9.6 定时打开新的窗口 238 9.7 转动出现的窗口 239 9.8 自动弹出的窗口 241 9.9 自动消失的广告窗口 242 9.10 窗口的震动效果 243 9.11 同时打开10个窗口 244 9.12 检测系统信息窗口 245 9.13 测试链接速度的窗口 248 9.14 关闭窗口打开收藏夹 250 9.15 关闭窗口打开指定地址 250 9.16 显示载入时间的窗口 251 9.17 显示浏览器信息的窗口 252 9.18 显示访客登录信息的窗口 253 9.19 标题渐变的窗口 255 9.20 绝对全屏打开链接网页 257 9.21 打开一个频道窗口 258 9.22 在页面中打开窗口 258 9.23 自动滚动的窗口 259 第10章 其他特效 261 10.1 显示下载进度 262 10.2 打开或关闭隐藏层 263 10.3 打字速度测试 264 10.4 改变图片提示背景颜色 266 10.5 渐变色表格 269 10.6 列表内容相互转换 270 10.7 身体健康测试 273 10.8 网络知识测试 275 10.9 方框线上的闪耀效果 278 10.10 自动隐藏的菜单 281 10.11 自动收缩的菜单 283 10.12 爆炸式菜单链接 285 10.13 显示边框的菜单 287 10.14 右键菜单链接 289 10.15 首页导航菜单 291 10.16 ftp登录页面 292 10.17 html颜色代码表 293 10.18 计算平面上两点之间的距离 294 10.19 测试点击速度 295 10.20 元素周期表 297 10.21 计算器 299 10.22 自信测试 302 10.23 滚动交换链接 304 第11章 javascript与activex技术 311 11.1 activex组件 312 11.1.1 什么是activex组件 312 11.1.2 activex的内容 312 11.1.3 activex控制和internet 312 11.2 activex组件的应用 313 11.2.1 网页中的flash对象 313 11.2.2 flash对象的调用 314 11.3 asp与activex组件 315 11.4 asp与javascript语言 315 11.4.1 脚本语言 316 11.4.2 设置脚本语言 316 11.4.3 服务器端的脚本 316 11.4.4 javascript和vbscript的区别 317 11.5 asp与表单处理 317 11.5.1 form数据集合 317 11.5.2 form集合的提交方式 318 11.6 小结 319 第12章 javascript中的数据库调用 321 12.1 数据库的构建 322 12.2 数据库查询语句 323 12.2.1 sql数据库 323 12.2.2 asp中的sql语句 323 12.3 数据库的连接 324 12.3.1 odbc的dsn连接方法 324 12.3.2 odbc的直接连接方法 325 12.3.3 ole db的连接方法 325 12.4 数据库的查询 325 12.4.1 使用connection对象查询数据库 326 12.4.2 使用recordset对象查询数据库 327 12.5 使用javascript访问数据库 330 12.6 小结 331 第13章 综合实例 333 13.1 勇闯迷宫 334 13.2 记忆力游戏 338 13.3 贪吃蛇游戏 342 13.4 打蜜蜂 345 13.5 射击游戏 350 13.6 螃蟹赛跑 353 13.7 数字拼图 358 13.8 填格子游戏 363 13.9 棒球动画 367 13.10 礼花动画 372
jQuery攻略目录 图书信息 内容简介 作者简介 图书目录 编辑本段图书信息    书 名: jQuery攻略   作 者:哈瓦尼(B.M.Harwani)   出版社: 人民邮电出版社   出版时间: 2010年10月1日   ISBN: 9787115238306   开本: 16开   定价: 59.00元 编辑本段内容简介   《jQuery攻略》对使用jQuery过程中遇到的各类问题给出了解决方案,比如,如何使用jQuery框架、CSS选择器、DOM、事件处理、动画效果,以及如何开发Ajax应用程序、如何使用jQuery工具函数、如何使用插件扩展jQuery。   《jQuery攻略》非常适合想利用最少的代码创建交互性网站的开发人员学习和参考,也适合懂少量HTML知识又想创建动态网站的初学者学习。 编辑本段作者简介   作者:(印度)哈瓦尼(B.M.Harwani) 译者:侯伯薇 陈宁   B.M.Harwani,印度阿杰梅尔的微芯计算机教育中心(MCE)总经理。他毕业于Pane大学的计算机工程系获得学士学位,拥有印度政府机构DOEACC颁发的C级证书(计算机硕士文凭)。在教学领域工作的15年多来,他开发出了富有艺术性的教学方法,以人人都能懂的方式去解释哪怕最复杂的课题。 编辑本段图书目录   第1章 jQuery基础知识 1   1.1 jQuery的安装 1   1.2 选择DOM节点 2   1.3 延迟JavaScript的执行 3   1.4 把CSS应用到元素上 3   1.5 选择一系列非标准的HTML元素 4   1.6 计数DOM节点和显示其文本 5   1.7 获得一个元素的HTML代码 7   1.8 改变DOM节点的内容 8   1.9 快速创建DOM节点 9   1.10 为不同HTML元素分配相同类名并对它们应用样式 12   1.11 小结 13   第2章 数组和字符串 14   2.1 利用数组在列表中显示名字 14   2.2 操作数组元素 17   2.3 筛选数组元素,只显示所需的数据 19   2.4 字符串数组和数值数组的排序 22   2.5 拆分数组 24   2.6 合并数组 26   2.7 把数值数组转换成字符串,并查找其子字符串 27   2.8 创建对象数组 28   2.9 为对象数组排序 30   2.10 小结 32   第3章 事件处理 33   3.1 查找被点击的按钮 34   3.2 自动触发事件 37   3.3 点击之后禁用按钮 39   3.4 处理鼠标事件 40   3.5 查明哪个鼠标键被按下 43   3.6 查找鼠标按下时的屏幕坐标 44   3.7 动态地突出显示文本 45   3.8 随着鼠标移动使图像明亮或模糊 47   3.9 查明元素何时获得和失去焦点 49   3.10 在按钮上应用悬停效果 50   3.11 切换应用一个CSS类 52   3.12 创建基于图像变换 54   3.13 为响应事件而添加和删除文本 57   3.14 应用样式作为对事件的响应 58   3.15 显示文字气球 60   3.16 创建“返回顶部”链接 63   3.17 提供“更多……”链接 64   3.18 以动画效果显示文本 67   3.19 以滑动效果来替换文本 70   3.20 使图像滚动 71   3.21 确定被按下的键 75   3.22 防止事件冒泡 77   3.23 链接多个活动 80   3.24 小结 81   第4章 表单验证 82   4.1 确认必需字段不留空 82   4.2 验证数字字段 84   4.3 验证电话号码 88   4.4 验证用户ID 90   4.5 验证日期 92   4.6 验证电子邮件地址 94   4.7 检查复选框是否被选中 96   4.8 检查单选按钮是否被选中 99   4.9 检查select元素中的选项是否被选中 101   4.10 把样式应用到选项和表格按钮 104   4.11 一步选择或取消所有的复选框 107   4.12 验证两个字段 110   4.13 验证密码和确认密码字段是否匹配 113   4.14 禁用某些字段 116   4.15 验证整个表单 118   4.16 表单数据序列化 128   4.17 小结 132   第5章 页面导航 133   5.1 编写面包屑菜单 133   5.2 把悬停效果添加到菜单项 135   5.3 创建上下文菜单 137   5.4 创建具有快捷键的导航菜单 140   5.5 创建一个右键单击上下文菜单 144   5.6 创建具有独立菜单项的两个菜单 147   5.7 建立包含子菜单项的两个菜单 149   5.8 创建折叠式菜单 153   5.9 创建动态可视化菜单 156   5.10 小结 161   第6章 视觉特效 162   6.1 水平和垂直显示图片 162   6.2 创建水平滑动的图片浏览器 165   6.3 显示一幅图片,点击时向左滚动并消失 166   6.4 创建图片,使它向左滚动消失,然后从右侧重新出现 169   6.5 使图片在浏览器窗口中间滚动 171   6.6 在鼠标悬停时依次显示图片 172   6.7 垂直滚动图片 175   6.8 水平滚动图片 179   6.9 创建新闻滚动浏览器 183   6.10 在鼠标悬停时显示放大的图片 188   6.11 按页显示图片 193   6.12 在任意两个方向上切换图片 196   6.13 编写钟摆式滚动器 199   6.14 使用数组来滚动图片 202   6.15 小结 205   第7章 处理表格 206   7.1 在鼠标悬停时突出显示行 206   7.2 交替突出显示相邻列 207   7.3 过滤行 211   7.4 隐藏选定列 213   7.5 分页显示表格 215   7.6 展开和折叠列表项 218   7.7 展开和折叠行 221   7.8 对列表项目排序 226   7.9 对表格排序 227   7.10 过滤表格中的行 233   7.11 小结 235   第8章 Ajax 237   8.1 显示欢迎信息 237   8.2 执行认证 241   8.3 验证用户名 243   8.4 验证邮件地址 246   8.5 使用自动完成 252   8.6 导入HTML 256   8.7 取得JSON数据 259   8.8 取得XML数据 261   8.9 分页显示表格 265   8.10 小结 268   第9章 使用插件 269   9.1 对表格的任一列进行过滤,并且可以设置每页的行数 269   9.2 为图片添加注解 271   9.3 拖放表格中的行 273   9.4 取得、序列化并清理表单控件 275   9.5 通过Ajax提交表单 277   9.6 找到元素的准确位置和大小 281   9.7 以传送带的方式显示图片 284   9.8 使用datepicker选择日期 286   9.9 对表格排序 288   9.10 小结 289   第10章 使用CSS 290   10.1 区分HTML元素 291   10.2 向内嵌在一个元素中的另一个元素应用样式 292   10.3 缩进段落 293   10.4 将段落的首字母设为大写 294   10.5 去除标题和段落之间的间隔 295   10.6 向标题文字应用样式 297   10.7 缩进多个段落的第一行 297   10.8 创建带有悬挂缩进的段落 298   10.9 创建带有边框的提取引用 299   10.10 创建带有图片的提取引用 301   10.11 向列表项应用列表属性 302   10.12 只对选定的列表项应用样式 303   10.13 在列表项之间放置分隔线 306   10.14 向列表应用图片标记 307   10.15 创建水平显示的列表 308   10.16 在超链接上应用样式 309   10.17 为HTML元素赋予不同的尺寸 311   10.18 放置HTML元素 313   10.19 创建多栏的布局 314   10.20 使文字围绕图片显示 316   10.21 在图片背后放置阴影 317   10.22 当鼠标移过链接的时候改变鼠标样式 319   10.23 在指定的区域中显示长文字 320   10.24 创建圆角的栏 322   10.25 应用文字装饰 323   10.26 缩放图片 324   10.27 设置背景图片 326   10.28 使背景图片在浏览器中央显示 327   10.29 保持背景图片固定 328   10.30 小结 330

62,041

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧