最简单JS代码实现鼠标移入显示二维码

最简单JS代码实现鼠标移入显示二维码

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2018-06-26 13:11:02
文章简介

鼠标移入即显二维码,极简JS实现:只需几行代码,监听鼠标移入事件,动态显示二维码图片。无需复杂配置,快速集成,提升用户体验。

  • 正文开始
  • 相关阅读
  • 推荐作品

<script type="text/javascript"> 
function showImg(){ 
document.getElementById("wxImg").style.display='block'; 

function hideImg(){ 
document.getElementById("wxImg").style.display='none'; 

</script> 
      <li><a href="javascript:void(0)" onMouseOut="hideImg()" onmouseover="showImg()"><img src="小图片地址" /></a></li>
<div id="wxImg" style="display:none;height:50px;back-ground:#f00;position:absolute;    z-index: 999;"><img src="二维码图片地址" /></div>

获取内容指定图片地址,赋值给超链接。多用在前端“查看原图”交互
« 上一篇 2018年06月15日
js问候-早上好、中午好、晚上好
下一篇 » 2018年09月20日

    Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2022-11-05/9096512cb69f1fd4243c4ab953f3d890.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 瀑布流惊艳亮相!HTML5自适应图片站帝国CMS源码,整站响应式,手机平板无缝浏览
    4.7k阅读0条评论0个赞
    帝国CMS新版驱动,瀑布流图片站优选模板。大气时尚,安全高效。全设备自适应,自带广告位,一键搭建,即刻运营!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-25/a93702dfba07db6aef4e978726647924.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS第二版美女摄影瀑布流模板,自适应HTML5响应式源码
    2.5k阅读0条评论0个赞
    这款瀑布流图片站源码可无限下拉,完美适配浏览器及移动设备。采用帝国CMS最新核心,设计简洁大方。基于新闻模型开发,便于后期内容采集。适用于美女、摄影、唯美图片分享,稍作修改即可变身淘宝客网站。强烈推荐!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2016-04-16/bf51f5a2f314281763ec4a8fdcbf6c8a.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 【精品导购】淘宝客专享HTML5响应式帝国CMS整站源码模板 - 新闻资讯文章全覆盖
    7.7k阅读0条评论0个赞
    帝国CMS新核心,安全高效稳。大气设计,适合淘宝客精品导购。智能切换导购模式,博客、新闻、文章站轻松驾驭。支持定制,视频播放等高端需求。手机自适应,浏览无忧,高端站长首选!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2020-12-28/1bd55e6b6f240c6a6e3de95b818c2fd7.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 全新企业展示平台:帝国CMS整站HTML5响应式模板,手机自适应,产品案例新闻一网打尽
    1.1k阅读0条评论0个赞
    采用帝国CMS最新核心构建,全面支持HTML5技术,打造高端响应式企业网站模板。涵盖产品展示、成功案例、最新新闻、单页简介等丰富栏目,完美适应手机、平板及PC端浏览,展现企业形象与产品魅力。后台管理界面简洁直观,操作便捷,确保网站运行安全稳定。立即搭建,快速提升您的企业形象与品牌影响力!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-07/8c7178f3e2fb4964e2efda80e7282f8a.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS可爱清新个人博客模板 - 资讯新闻整站自适应HTML5响应式源码
    3.5k阅读0条评论0个赞
    采用帝国CMS最新版,整站模板简洁整齐、大方干净,风格可爱清新。适用于个人博客、资讯新闻类网站,自适应手机平板等设备。后台开源,预留PNG源文件,首页调用标注清晰,SEO默认配置。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-12/ac8ba4361bd1cb40c6acf3a13cc4d42a.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 蓝色专业个人博客/新闻帝国CMS整站模板 - 自适应HTML5响应式手机
    2.0k阅读0条评论0个赞
    专为个人博客/文章资讯站设计,JQ库实现全效果,代码高效整洁,加载快!完美自适应手机等移动设备,到手即用,SEO优化已预设。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2021-05-16/0e8224ed2d365be09cee21d281059350.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • HTML5自适应帝国CMS模板 - 新闻博客工作室,视频收费播放下载一站式解决
    3.4k阅读1条评论0个赞
    基于帝国CMS新版核心,构建安全高效网站模板。后台操作简便,无需编程知识。支持MP4/M3U8等多终端播放,并配备权限控制与收费功能。下载亦设权限与扣点,即装即用,轻松运营!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2022-05-20/ab7332ccd51ccac2bfa60113bf895c8b.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS企业展示模板:HTML5响应式,手机自适应,产品文章一网打尽
    1.4k阅读0条评论0个赞
    帝国CMS新版核心,打造企业展示模板。涵盖产品、案例、新闻、单页等多样栏目,完美呈现企业形象与产品。后台操作简易,安全稳定。全响应式设计,手机平板浏览效果卓越,快速构建高端企业展示站。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2022-06-10/c3fb1838f7445446ab0c0a647d4199ba.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS个人博客站群模板:SEO优化,HTML5响应式,自适应手机整站
    930阅读0条评论0个赞
    帝国CMS新版核心,整站设计高端安全,简洁大气。DOM结构优化SEO,适合站群策略。涵盖个人博客、资讯、文章,全面自适应手机平板。后台管理简便,快速上手。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-15/61814a36f8690a8e377f80cdd2a74b10.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 粉色美女图集帝国CMS模板,支持手机端浏览的整站解决方案
    3.0k阅读0条评论0个赞
    采用帝国CMS最新版,打造粉色美女图片网站模板。所有栏目及SEO优化均已完成,即装即用!支持图文发布,图片自动切换,且完美适配手机端访问。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2018-07-02/87d330c8ba88a15d4c9d2d3db81c07db.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 企业精品展示 | HTML5自适应响应式帝国CMS整站模板,手机平板畅览无阻
    2.8k阅读0条评论0个赞
    采用帝国CMS新版内核,打造整洁高雅企业网站模板。风格高端大气,尽显企业风范。完美适配手机与平板,适合产品案例、公司信息、个人作品等多类型内容展示,轻松构建专业网站。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-11/88a182496a12146f0bc402ad1569decc.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS整站模板 - 自适应HTML5手机博客/文章新闻资讯 - 整洁大气
    2.4k阅读0条评论0个赞
    采用帝国CMS最新版,适用于个人博客、工作室及自媒体网站。HTML5响应式设计,兼容手机等移动设备。性能稳定,安全可靠,功能强大且易于扩展。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2019-02-15/9f2275e78765a870635575640f6520c8.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS视频收费门户模板 | 多终端播放+下载收费+自适应HTML5整站方案
    4.5k阅读0条评论0个赞
    帝国CMS新版核心,安全可靠,性能卓越。后台操作简便,无需编码知识。内置SEO优化,多终端播放功能(MP4/M3U8)。支持权限控制与扣点收费,下载亦同。自带五种智能内容样式,自动适应内容类型,快速部署即可运营。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2016-05-16/6128d33be3c72a485326f71bd58fb428.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 【全能建站】资讯文章&个人博客帝国CMS整站模板 - 自适应HTML5响应式手机平板
    3.5k阅读0条评论0个赞
    帝国CMS新版核心,打造个人博客、资讯文章站。全站自适应手机平板,无标题图模式纯文字展示。默认配置自适应广告位,轻松开启广告盈利,建站省心更省力!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2023-05-24/1684912684170171.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS全能整站模板:会员中心+多样栏目,视频收费播放下载,新闻资讯,自适应HTML5
    2.7k阅读0条评论0个赞
    采用帝国CMS新版,构建安全稳定高效网站。宽屏浏览模式,尽显高端大气。精美会员中心,功能丰富。自定义栏目头部图片,灵活多样。5种列表模板,大小图自由切换。每篇文章独立设置大图,增强阅读体验。独享海报收藏功能,增加用户粘性。支持收费扣点与权限控制,适合资源站。全站SEO友好,智能下拉分页,不损SEO。广告位布局合理,评论系统完善。完美适配手机,浏览无忧。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-11-12/9050a365b0fe6294e7a3a83c642da410.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 媒体博客新闻资讯展示 | 帝国CMS自适应HTML5响应式 | 手机整站模板
    2.9k阅读0条评论0个赞
    采用帝国CMS最新核心,安全高效稳定。后台广告位预设,变量值易改,无需代码操作。改改LOGO和网站名,即刻上线!全站自适应手机浏览,独特底部导航,移动用户友好。展示、博客、自媒体、新闻资讯站点首选!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-12-01/f771a18ed15d7f168e993937d89dd2a0.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 新闻博客资讯图片站 | 帝国CMS自适应HTML5 | 响应式手机网站模板
    1.9k阅读0条评论0个赞
    采用帝国CMS最新版,扁平化设计,高端大气。适合个人博客、资讯、文章、图片类建站,完美自适应手机平板!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2022-11-04/17f1db119779129c056fcac181653b7d.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS美女摄影模板 - 多终端适配,手机专用,高端大气图片站
    5.0k阅读0条评论0个赞
    帝国CMS新版力作,打造安全高效的美女摄影站。设计简约而不失奢华,专为手机优化,图片展示效果震撼,浏览流畅省力。内置广告模式,百度图加广告轻松实现高收益。无论是浏览美图还是商业运营,都是您的理想之选。更多精彩,尽在指尖滑动间,快来体验吧!

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-05-18/32d87103a9b2c88a5d7bd86abc0d0289.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • 帝国CMS新闻博客资讯图片站,自适应HTML5响应式手机网站模板
    5.2k阅读0条评论0个赞
    采用帝国CMS最新版,扁平化设计高端大气。适合个人博客、资讯、文章、图片类网站建设,全面自适应手机及平板设备,打造专业级网站体验。

  • Warning: file_exists(): open_basedir restriction in effect. File(/www/wwwroot/moyubuluo.com/d/file/2015-07-14/32c073570f198af0a2d61f7d9b944aa5.jpg) is not within the allowed path(s): (/www/wwwroot/moyubuluo.com/:/tmp/) in /www/wwwroot/moyubuluo.com/e/class/t_functions.php on line 2808
  • HTML5响应式帝国CMS整站模板-瀑布流文章图片资讯站源码
    3.8k阅读0条评论0个赞
    采用帝国CMS最新核心,基于经典模板优化改版。响应速度飞快,布局合理。瀑布流设计适合无序排版,适用于文章站、新闻站。整站优化出色,手机端高端大气。后期扩展方便,性能卓越,安全维护成本低,总结:非常好!

如本文对您有帮助,就请墨鱼抽根烟吧!