关于此的很多帖子,但不完全符合我的情况.我的页面具有灵活的尺寸设置为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) 我有一些链接通过JSON动态放置在我的页面中,无法直接编辑它们.我想强制所有链接在新标签中打开,alatarget="_blank"
认为这会起作用..但遗憾的是它不是.有任何想法吗?
$('a').attr("target","_blank");
Run Code Online (Sandbox Code Playgroud)
这是一个动态代码的jsFiddle:http: //jsfiddle.net/danielredwood/mrgta/7/
使用基于@ font-face标记的标准fontsquirrel ..字体在厚边渲染.下面是以几种不同方式演示字体的屏幕截图.top是photoshop的渲染,第二个是chrome的相同字体渲染(显然更厚),第三个是chrome渲染的类似字体,也渲染了一种粗糙.
http://cl.ly/0e3b2t1N0U2e003h322O
尝试使用font-weight:lighter无济于事..是否有任何技巧可以减轻它?
谢谢!
如何更改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) 我有一个包含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) 我的页面上隐藏了一个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&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) 我在页面上有几个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) 我想要一个h2元素,并跨越它的div的宽度跨越它的文本.
text-align:justify;
Run Code Online (Sandbox Code Playgroud)
只有传播文本,如果它的宽度比它的容器的宽度......有点像Photoshop的理由左
试图在这里提高效率.在将元素附加到DOM之前,如何将元素存储为变量?看起来创建它是一种浪费,附加它,然后再找到它来制作一个变量.
我的方法如下.OBV它将字符串保存为变量,而不是对象,但是你明白了.
对我来说有什么魔力,还是我必须做两次旅行?
var $rGallery = '<section id="rGallery" />';
$bin.before($rGallery);
console.log($rGallery);
Run Code Online (Sandbox Code Playgroud) 试图用css3动画连续闪现三个元素.我已经运行了,但每帧都有淡入淡出,我想将其删除.理想情况下,每个元素保持可见1秒,然后立即隐藏.
我试过设置与帧动画0%并99%为opacity:1与100%对opacity: 0,但仍然没有运气.
我希望有一种方法可以消除褪色!
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) jquery ×5
javascript ×4
css3 ×3
audio ×2
css ×2
html5 ×2
playback ×2
address-bar ×1
anchor ×1
animation ×1
api ×1
append ×1
attr ×1
blink ×1
font-face ×1
fonts ×1
froogaloop ×1
hide ×1
image ×1
iphone ×1
json ×1
justify ×1
onload ×1
opacity ×1
photoshop ×1
src ×1
store ×1
string ×1
target ×1
text-align ×1
variables ×1
vimeo ×1