调用天气插件如何让它不能点击跳转

说明：调用天气插件，鼠标点击后会跳转到天气网站上，这个会影响用户体验，解决办法如下。
在iframe外层套一个透明的div就可以了。

<style>.mask{position:absolute;width:100%;height:100%;z-index:1;filter:alpha(opacity=0);opacity:0;background:#ffffff}
</style>
<div style="position:relative"><div class="mask"></div><iframe allowtransparency="true" frameborder="0" width="290" height="96" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=1&z=1&t=0&v=0&d=2&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=70235&w=290&h=96&align=center"></iframe>
</div>

调用天气插件如何让它不能点击跳转相关推荐

免费天气插件jquery版本
天气信息来源:中国天气网[weather.com.cn] 根据QQ[http://fw.qq.com:80/ipaddress]得到ip地址和所在城市信息, 然后调用weather.com.cn网站的 ...
vue 天气插件的使用
最近天气转凉,闲着没事想到是否存在天气插件,然后就找到了'和风天气',我自己摸索了一下,并不难..... 和风天气官网: https://widget.qweather.com/ 我这是天气简约插件 ...
JS调用天气其他杂谈
/select取值 this.comp('select1').val(); //select设值,注意!!设置的值必须是下拉data数据集中存在的值!否则不成功! this.comp('select1 ...
VUE 天气插件和日历插件
日历需要安装 cnpm i vue-calendar-component --save 其他代码如下 <template><div class="app-container ...
为你的网站加上和风天气插件
天气跟我们的生活也是息息相关,所以今天就分享一个完全免费可自定义的天气插件,适配你的网站.APP.小程序.公众号均可使用,同时还配有多种不同的展示效果选择. 效果图免配置代码 <div id= ...
android 显示天气插件下载,Android天气插件
Android天气插件天气插件Android SDK,包括实况天气.空气质量.灾害预警.生活指数等天气内容,支持在Android应用任意位置加入天气内容,并可生成天气频道页面. 下载 # 适配版本 ...
如何在 Linux 中使用类似智能手机外观的 Conky 天气插件
如何在 Linux 中使用类似智能手机外观的 Conky 天气插件智能手机都拥有一些平滑地融入手机外观的天气小插件,现在幸亏有了 Flair Weather Conky,你便可以在你的 Linux ...
动手写一款简单的chrome天气插件
极简天气一款简单的chrome天气插件. github https://github.com/yohnz/weather 如图: 创建文件新建weather文件夹,里面包含manifest.jso ...
Python调用大漠插件
Python版本要用32位的?我去官网下载,太慢了,就在腾讯软件里面下载了一个,结果实验成功 import win32com.clientdm = win32com.client.Dispatch(' ...

调用天气插件如何让它不能点击跳转

调用天气插件如何让它不能点击跳转相关推荐

最新文章

热门文章