小编Sur*_*ttu的帖子
单击按钮时使用jQuery播放音频文件
我点击按钮时尝试播放音频文件,但它不起作用,我的HTML代码是:
<html>
<body>
<div id="container">
<button id="play">
Play Music
</button>
</div>
</body>
</html>
我的JavaScript是:
$('document').ready(function () {
$('#play').click(function () {
var audio = {};
audio["walk"] = new Audio();
audio["walk"].src = "http://www.rangde.org/static/bell-ring-01.mp3"
audio["walk"].addEventListener('load', function () {
audio["walk"].play();
});
});
});
我也为此创造了一个小提琴.
85
推荐指数
推荐指数
6
解决办法
解决办法
30万
查看次数
查看次数
如何使用css更改滚动条颜色
我的jsfiddle在这里
我试图改变滚动条的颜色,但在这里它不起作用.
CSS:
.flexcroll {
scrollbar-face-color: #367CD2;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}?
33
推荐指数
推荐指数
2
解决办法
解决办法
15万
查看次数
查看次数
IMG标记中的srcset属性是什么以及如何使用它？
我想知道如何srcset在移动应用中使用HTML img属性.或者是否有任何其他jQuery插件可以帮助我解决图像分辨率问题.
<img srcset="banner-HD.jpeg 2x, banner-phone.jpeg 100w, banner-phone-HD.jpeg 100w 2x" alt="Banner Image" />
24
推荐指数
推荐指数
3
解决办法
解决办法
2万
查看次数
查看次数
怎样才能使用jquery从文本中获取数字
我想只得到数字(123)而不是文本(确认),这是我的代码
<p>123confirm</p>
<script type="text/javascript">
$(document).ready(function(){
$('p').click(function(){
var sd=$(this).text();
alert(sd);
});
});
</script>
18
推荐指数
推荐指数
3
解决办法
解决办法
5万
查看次数
查看次数
jquery animate scrollTop函数无法在Internet Explorer中运行
我正在使用此代码:
$('#goto_introduction_divcontent').click(function(){
var targetOffset = $('#introduction_div').offset().top;
$('html, body').animate({scrollTop:targetOffset}, 'slow');
if ($.browser.msie){
document.documentElement.scrollTop = targetOffset;
}
});
但这不适用于Internet Explorer.我的jsFiddle就在这里.
17
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
如何使用jquery获取占位符属性值？
我试图获取placeholder属性值,并fadeIn使用具有placeholder值作为for值的标签执行,但它不起作用.
HTML:
<html>
<body>
<form>
<input type="text" id="name" name="name" placeholder="First Name" />
<label for="First Name">First Name </label>
</form>
</body>
</html>
CSS:
input+label { display: none; }
脚本
$(document).ready(function() {
$('input[type="text"]').click(function() {
var sd = $(this).attr('placeholder');
$('label[for^=sd]').fadeIn();
});
});
15
推荐指数
推荐指数
2
解决办法
解决办法
5万
查看次数
查看次数
仅允许数字和ctrl + a,ctrl + v,ctrl + c到文本框
我试图允许用户只输入数字并将控件复制并粘贴到文本框中.我能够限制用户只输入数字,但复制,粘贴不起作用,帮我解决这个问题.
这是我的脚本:
$(".allow_only_numbers").keydown(function (e) {
var ctrlDown = false;
var ctrlKey = 17, vKey = 86, cKey = 67;
if (e.keyCode === ctrlKey){
ctrlDown = true;
}
// Allow: backspace, delete, tab, escape, enter and .
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110]) !== -1 ||
// Allow: Ctrl
(e.keyCode === ctrlKey) ||
// Allow: Ctrl+A
(e.keyCode === 65 && e.ctrlKey === true) ||
// Allow: Ctrl+v
(e.keyCode === vKey && ctrlDown) ||
// Allow: Ctrl+c
(e.keyCode === cKey …12
推荐指数
推荐指数
2
解决办法
解决办法
2万
查看次数
查看次数
在css中更改删除线的文本颜色
我的HTML是:
<html>
<body>
<div id="example">this is example</div>
</body>
<html>
我的css是:
#example{text-decoration: line-through;color:#ccc;}
我这样输出了
但我想要这样
但我不能.帮帮我这样做.
11
推荐指数
推荐指数
1
解决办法
解决办法
2万
查看次数
查看次数
-webkit-border-radius不能正确裁剪图像
我有5个浏览器用于渲染HTML编码页面:IE9,Firefox 4.0以及所有最新版本的Chrome,Safari和Opera.现在在IE9和Firefox 4.0中,正在使用border-radius:和-moz-border-radius正确裁剪图像:但是在使用-webkit-border-radius:的Opera,Chrome和Safari中失败了.使用Opera时,图像根本没有被裁剪,而Safari和Chrome的图像有些裁剪,但边框也被裁剪掉了.
.nonTyp{
margin: 15px 15px 15px 15px;
border:4px inset #C1C8DD;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
width:200px;
height:200px;
}
如果你提到的3个浏览器中有一个使用-webkit-border-radius:请查看图片,例如我遇到的问题: 图形页面
10
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
如何使用Javascript找到两个日期之间的差异
我希望得到扩大日期去特定日期,所以我试图检测今天日期的特定日期.但是这里不起作用的是我的代码 如果日期是下个月27我怎么能得到剩余的日子
var date2=new Date();
var date1=27/5/2012;
var diff = date1.getDate()-date2.getDate();
var date_reaming = diff.getDate();
document.write(date_reaming + 'days to go');
8
推荐指数
推荐指数
3
解决办法
解决办法
4万
查看次数
查看次数