`
smiky
  • 浏览: 253547 次
  • 性别: Icon_minigender_1
  • 来自: 天门
社区版块
存档分类
最新评论

切换span的class控制背景时图片不加载（mark一下）

 
阅读更多

<li><span></span></li>

当mouse点击时切换span的样式，实现简单的背景改变效果。具体css记不清了，最初给定span的display是block,结果class改变后里面的图片不加载，在网上找了一下，有一些说法，其中有一条是将span的visibility为hidden时图片是可以加载的，一试果然行的通。于是又胡乱改了下display:inline-block,刷新，发现这样图片也会加载。

 

分享到：
| js预编译和执行期的问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android带图片背景的span

    带图片背景的span

    span文字在左背景图片在右

    span文字在左背景图片在右，内有详细注释。

    TextView加载Html图片

    TextView加载Html图片

    jQuery-3D叠加切换效果代码.zip

    &lt;p class="cell_list"&gt;&lt;span class="lf"&gt;姓名：&lt;span class="darks"&gt;小明&lt;/span&gt;&lt;/span&gt; &lt;span class="rt"&gt;薪资 ：&lt;span class="darks"&gt;15k&lt;/span&gt;&lt;/span&gt; &lt;p class="cell_list"&gt;&lt;span&gt;入职：&lt;span class=...

    前端代码规范

    - [模块和加载器规范](module.md) &lt;span class="std-rec"&gt;[1.1]&lt;/span&gt; - [包结构规范](package.md) &lt;span class="std-rec"&gt;[1.1]&lt;/span&gt; - [项目目录结构规范](directory.md) &lt;span class="std-rec"&gt;[1.1]&lt;/span&gt; -...

    imageSpan图片替换

    在Edittext中替换从数据库中取出的图片，用split进行文字分割。

    html如何对span设置宽度

    那如果我特别希望将 span 元素设置为宽度且不设置元素呢？下面通过几个方式去实现。 方式一 设置 span 属性为 span{display:block}; ，呈现的效果如下： 但是这样写就体现不了 span 这个标签的作用了，跟 div 功效...

    angularJs的ng-class切换class

    在angular中为我们提供了3种方案处理class： 1：scope变量绑定 2：字符串数组形式。 3：对象key/value处理。 第一种我们不推荐使用，看看其他两种解决方案： 字符串数组形式 字符串数组形式是针对class简单变化...

    jQuery-秒表计时器计次代码.zip

    &lt;span class="number n5"&gt;&lt;/span&gt; &lt;span class="number n4"&gt;&lt;/span&gt; &lt;span class="number n3"&gt;&lt;/span&gt; &lt;span class="number n2"&gt;&lt;/span&gt; &lt;span class="number n1"&gt;&lt;/span&gt; &lt;span class="number s3"&gt;&lt;/...

    图片上传插件 webuploader

    &lt;!-- js --&gt; ... &lt;div class="queueList"&gt; ... &lt;span class="percentage"&gt;&lt;/span&gt; &lt;/div&gt;&lt;div class="info"&gt; &lt;div class="btns"&gt; &lt;div id="filePicker2"&gt;&lt;/div&gt;&lt;div class="uploadBtn"&gt;开始上传 &lt;/div&gt;

    jquery动画头像相册切换效果.rar_jquery动画头像相册切换效果_prettyh6w_worko3t_动画头像

    几乎是纯js打印出来的头像图片切换效果，也可以用相册来形容，在高版本浏览器下效果很炫 使用方法： 1、调用css文件 2、将&lt;div class=&quot;grid&quot;&gt;&lt;/div&gt; &lt;span class=&quot;animate&quot;&gt;...

    悬浮层效果

    看不清，换一张&lt;span style="padding-left:14px"&gt;&lt;span class="securityCode"&gt;7895&lt;/span&gt;&lt;/span&gt; &lt;li&gt;&nbsp; &lt;li&gt;&lt;span class="button" onclick="submitdata()"&gt;确定&lt;/span&gt;&lt;span class="button" onclick=...

    增删改案列升级（冒泡事件）

    香蕉 &lt;span class="del"&gt;删除&lt;/span&gt;&lt;span class="undate"&gt;修改&lt;/span&gt; 香蕉 &lt;span class="del"&gt;删除&lt;/span&gt;&lt;span class="undate"&gt;修改&lt;/span&gt; 香蕉 &lt;span class="del"&gt;删除&lt;/span&gt;&lt;span class="undate"&gt;修改&lt;/...

    元旦倒计时JavaScript代码

    &lt;span class="day"&gt;0&lt;/span&gt; &lt;span&gt;天&lt;/span&gt; &lt;span class="hour"&gt;1&lt;/span&gt; &lt;span&gt;小时&lt;/span&gt; &lt;span class="minute"&gt;2&lt;/span&gt; &lt;span&gt;分&lt;/span&gt; &lt;span class="second"&gt;3&lt;/span&gt; &lt;span&gt;秒&lt;/span&gt; &lt;/div&gt;

    将图片的说明显示在图片之上且背景半透明效果

    NULL 博文链接：https://wuhao1014yi.iteye.com/blog/1076227

    jQuery SVG实现Loading加载按钮动画图标特效.zip

    &lt;div class="showcase main-showcase"&gt; &lt;button class="control-button bordered make-it-fail"&gt;Make it fail &lt;button class="loading-button circular-loading top"&gt;Send &lt;button class="control-button ...

    jQuery的滑动门选项卡上下滚动切换特效.zip

    &lt;div class="film_focus"&gt; &lt;div class="film_focus_desc"&gt; &lt;ul class="film_focus_nav"&gt; ... 一款jQuery滑动门选项卡上下滚动切换特效，鼠标悬停选项卡图标导航自动切换到相应内容，鼠标经过图片显示加号特效。

    jquery+fancybox图片切换特效.zip

    jquery+fancybox图片切换特效， ${path}/js/fancybox/css/global.css" rel="stylesheet" type="text/css"&gt; ${path}/js/fancybox/css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css"&gt; ${path}/js/...

    html js实现的组织架构图,可拖动

    &lt;span class="line-h line-h-l"&gt;&lt;/span&gt; &lt;div class="line-v"&gt;&lt;span&gt;&lt;/span&gt; &lt;span class="strt-name"&gt;电脑品牌&lt;/span&gt; &lt;div class="line-v"&gt;&lt;span&gt;&lt;/span&gt; &lt;div class="strt-block"&gt; &lt;div class...

    CSS3特效鼠标悬停文字标题切换对应内容代码.zip

    这是一款个性创意的css3鼠标悬停文字标题切换对应内容代码，交互切换效果非常棒，还有动画特效，可用于问答展示。 &lt;/head&gt; &lt;body&gt; &lt;div class="demo"&gt;  &lt;div class="demo__content"&gt;  &lt;h2 ...

Magicbox
Global site tag (gtag.js) - Google Analytics