小编tec*_*ant的帖子

隐藏100%高度的iPhone地址栏

关于此的很多帖子,但不完全符合我的情况.我的页面具有灵活的尺寸设置为100%宽度和100%高度,因此典型的有载滚动功能不起作用.任何想法或其他解决方案?

谢谢!

CSS:

* {
    margin:0;
    padding:0;
}
html, body {
    width:100%;
    height:100%;
    min-width:960px;
    overflow:hidden;
}
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

    /mobile/i.test(navigator.userAgent) && !pageYOffset && !location.hash && setTimeout(function () {
  window.scrollTo(0, 1);
    }, 1000);?
Run Code Online (Sandbox Code Playgroud)

javascript iphone address-bar onload hide

10
推荐指数
2
解决办法
2万
查看次数

使用jQuery打开新选项卡中的所有链接

我有一些链接通过JSON动态放置在我的页面中,无法直接编辑它们.我想强制所有链接在新标签中打开,alatarget="_blank"

认为这会起作用..但遗憾的是它不是.有任何想法吗?

 $('a').attr("target","_blank");
Run Code Online (Sandbox Code Playgroud)

这是一个动态代码的jsFiddle:http: //jsfiddle.net/danielredwood/mrgta/7/

anchor jquery target attr

10
推荐指数
2
解决办法
1万
查看次数

@ font-face渲染厚

使用基于@ font-face标记的标准fontsquirrel ..字体在厚边渲染.下面是以几种不同方式演示字体的屏幕截图.top是photoshop的渲染,第二个是chrome的相同字体渲染(显然更厚),第三个是chrome渲染的类似字体,也渲染了一种粗糙.

http://cl.ly/0e3b2t1N0U2e003h322O

尝试使用font-weight:lighter无济于事..是否有任何技巧可以减轻它?

谢谢!

css fonts css3 font-face

10
推荐指数
1
解决办法
7646
查看次数

JavaScript更改img src属性而不使用jQuery

如何更改JavaScript中的src属性HTMLImageElement

我需要帮助才能转换logo.attr('src','img/rm2.png')为vanilla JavaScript.

window.onresize = window.onload = function () {
    if (window.innerWidth > 1536) {
        var logo = document.getElementById('rm');
        logo.attr('src','img/rm2.png');
    }
};
Run Code Online (Sandbox Code Playgroud)

javascript image src

10
推荐指数
1
解决办法
6万
查看次数

使用JavaScript动态控制HTML5音频

我有一个包含10个左右缩略图的画廊,每个缩略图代表一首歌.为了控制每个的播放,我设置了一个播放按钮以通过jQuery淡入.在围绕Apple的开发中心进行一些挖掘之后,我找到了一些原生的JavaScript来控制音频.它工作得很漂亮,但是为了一次控制一个对象而编写.我想要做的是将其重写为一个动态控制您选择的缩略图的播放/暂停的功能.

下面是我发现的代码..工作,但是编写它10次是很多不必要的代码.

感谢您的帮助和建议,永远!

HTML:

    <div class="thumbnail" id="paparazzixxx">
        <a href="javascript:playPause();">
            <img id="play" src="../images/icons/35.png" />
        </a>
        <audio id="paparazzi">
            <source src="../audio/fernando_garibay_paparazzisnlmix.ogg" type="audio/ogg" />
            <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
            Your browser does not support HTML5 audio.
        </audio>
    </div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

<script type="text/javascript">
       function playPause() {
       var song = document.getElementsByTagName('audio')[0];
       if (song.paused)
           song.play();
       else
           song.pause();
       }
</script>
Run Code Online (Sandbox Code Playgroud)

javascript audio jquery html5 playback

9
推荐指数
1
解决办法
5万
查看次数

使用jQuery隐藏时暂停Vimeo通用嵌入

我的页面上隐藏了一个Vimeo视频(通过通用嵌入式iframe).单击链接将其淡入,然后单击视频外部(灯箱样式)将其淡出并隐藏它 - 但视频会继续播放.我在Vimeo的API上读到你可以使用JSON对象暂停视频,但我不明白他们在说什么.

HTML:

<img id="show_tide" class="vid" src"#">
<i<iframe id="tide" class="vim" src="http://player.vimeo.com/video/1747304?portrait=0&amp;color=ffffffapi=1" width="726" height="409" frameborder="0"></iframe>
Run Code Online (Sandbox Code Playgroud)

JavaScript的:

$('#underlay').click(function() {
    //pause VISIBLE (there are multiple) Vimeo video via API
    $('.vim, #underlay').fadeOut(400);
});
Run Code Online (Sandbox Code Playgroud)

api jquery json vimeo froogaloop

8
推荐指数
2
解决办法
1万
查看次数

通过jQuery一次播放和暂停一个HTML5音频元素

我在页面上有几个HTML5音频元素,我正在使用jQuery来播放和暂停它们.播放和暂停功能可以正常工作,但曲目可以同时播放.

如何重写此代码,以便一次只能播放一首歌?那就是..如果正在玩,你点击另一个,暂停前一个并播放最近的点击.

谢谢!

HTML:

<div id="music_right">
        <div class="thumbnail" id="paparazzi">
            <a class="playback">
                <img class="play" src="http://www.lucisz.com/imgs/play.png" />
            </a>
            <audio>
             <source src="../audio/fernando_garibay_paparazzisnlmix.ogg" type="audio/ogg" />
                <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
                Your browser does not support HTML5 audio.
            </audio>
        </div>
        <div class="thumbnail" id="danceinthedark">
            <a class="playback">
                <img class="play" src="http://www.lucisz.com/imgs/play.png" />
            </a>
            <audio>
             <source src="../audio/fernando_garibay_danceinthedark.ogg" type="audio/ogg" />
                <source src="../audio/fernando_garibay_danceinthedark.mp3" type="audio/mpeg" />
                Your browser does not support HTML5 audio.
            </audio>
        </div>
        <div class="thumbnail" id="bornthisway">
            <a class="playback">
                <img class="play" src="http://www.lucisz.com/imgs/play.png" />
            </a>
            <audio>
             <source src="../audio/fernando_garibay_bornthisway.ogg" type="audio/ogg" />
                <source src="../audio/fernando_garibay_bornthisway.mp3" type="audio/mpeg" …
Run Code Online (Sandbox Code Playgroud)

javascript audio jquery html5 playback

7
推荐指数
1
解决办法
2万
查看次数

CSS相当于Photoshop的Justify-All

我想要一个h2元素,并跨越它的div的宽度跨越它的文本.

text-align:justify;
Run Code Online (Sandbox Code Playgroud)

只有传播文本,如果它的宽度比它的容器的宽度......有点像Photoshop的理由左

css photoshop text-align css3 justify

7
推荐指数
2
解决办法
5357
查看次数

jQuery在追加到DOM之前使变量脱离元素

试图在这里提高效率.在将元素附加到DOM之前,如何将元素存储为变量?看起来创建它是一种浪费,附加它,然后再找到它来制作一个变量.

我的方法如下.OBV它将字符串保存为变量,而不是对象,但是你明白了.

对我来说有什么魔力,还是我必须做两次旅行?

var $rGallery = '<section id="rGallery" />';

$bin.before($rGallery);

console.log($rGallery);
Run Code Online (Sandbox Code Playgroud)

string variables jquery store append

7
推荐指数
1
解决办法
1万
查看次数

css3动画硬闪烁(帧之间没有淡入淡出)

试图用css3动画连续闪现三个元素.我已经运行了,但每帧都有淡入淡出,我想将其删除.理想情况下,每个元素保持可见1秒,然后立即隐藏.

我试过设置与帧动画0%99%opacity:1100%opacity: 0,但仍然没有运气.

我希望有一种方法可以消除褪色!

webkit js小提琴

CSS:

.motion.play .frame {
    -webkit-animation-name: flash;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
}
    .frame:nth-of-type(2) {
        -webkit-animation-delay: 1s;
    }
    .frame:nth-of-type(3) {
        -webkit-animation-delay: 2s;
    }

    @-webkit-keyframes flash {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
Run Code Online (Sandbox Code Playgroud)

animation blink opacity css3

7
推荐指数
2
解决办法
7191
查看次数