小编Sti*_*chy的帖子
HTML5重置视频并再次播放
我正在使用timesheets.js并希望在滑块处于活动状态时播放HTML5视频.我正在使用此代码:
if (document.getElementById("v_"+element.id))
{
video = document.getElementById('v_'+element.id)
video.currentTime = 0;
video.play();
}
如果我没有使用"video.currentTime = 0;它大部分时间都有效(除非视频太长).我必须重置视频,以便从头开始播放.现在它会重置视频,但它不会不玩.任何想法？
18
推荐指数
推荐指数
2
解决办法
解决办法
5万
查看次数
查看次数
SVG - 在按钮单击时更改填充颜色
我做了一个简单的测试svg-image.
我想制作切换按钮,所以当我点击btn-test1时,path1将是fill ="#000"而其他的是"#FFF".我要制作一张有大约40条不同路径的地图,但我先尝试这个(不知道是否可能)？
这是目前为止的HTML:
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
<path id="path1" fill="#FFFFFF" stroke="#231F20" stroke-miterlimit="10" d="M291.451,51.919v202.54c0,0,164.521,119.846,140.146,0
C407.227,134.613,291.451,51.919,291.451,51.919z"/>
<path id="path2" fill="#FFFFFF" stroke="#231F20" stroke-miterlimit="10" d="M169.595,150.844c0,0-76.24,69.615-40.606,128.309
c35.634,58.695,155.798-51.867,151.654-85.993C276.498,159.034,177.054,89.42,169.595,150.844z"/>
<path id="path3" fill="#FFFFFF" stroke="#231F20" stroke-miterlimit="10" d="M40.332,90.466c0,0-39.911,76.119-2.691,87.83
c37.22,11.71,78.923-46.844,56.054-78.462C70.826,68.216,40.332,90.466,40.332,90.466z"/>
</svg>
</div>
<button class="btn" id="btn-test1">Test 1</button>
<button class="btn" id="btn-test2">Test 2</button>
<button class="btn" id="btn-test3">Test 3</button>
编辑:这个JavaScript解决了它
<script>
$('.btn').click(function() {
$('#path1, #path2, #path3').css({ fill: "#ffffff" });
var currentId = $(this).attr('id');
$('#path' + currentId +'').css({ fill: "#000" });
}); …17
推荐指数
推荐指数
2
解决办法
解决办法
6万
查看次数
查看次数
使用 CSS 将 div 字体大小加倍
我正在从所见即所得编辑器（ckeditor）生成内容。我想显示内容，但使用双倍字体大小，而不更改 HTML（如果可能）。这是一个 HTML 示例
<div id="contents">
<p style="text-align:center">
<span style="font-size:72px">
<span style="color:#FFFFFF"><span style="font-family:helvetica">Foo</span>
</span>
<span style="font-size:24px">Bar</span>
</p>
</div>
我一直在尝试通过这样做将字体大小加倍：
span {
font-size: 200%;
}
结果是 400%（因为在本例中是 2 个跨度）。
这里有什么想法吗？
3
推荐指数
推荐指数
1
解决办法
解决办法
9585
查看次数
查看次数
Jquery更改背景大小和图像src
我正在尝试更改背景图像和背景大小(因此它适合div)
$(".clickableimg").click(function() {
var choosenpic = $(this).attr('id');
$("#image").val(choosenpic);
$("#preview").css("background","url(backgrounds/"+choosenpic+")");
$("#preview").css("background","size('50%')");
});
你知道我怎么能改变更多的CSS属性吗？
2
推荐指数
推荐指数
1
解决办法
解决办法
8829
查看次数
查看次数
HTML5颜色选择更改范围颜色
我正在制作一个表格,您可以预览结果.我做了这个:
HTML:
<input type="color" id="color" />
<span id="colorchange">Foo</span>
JS:
$(document).ready(function() {
$("#color").click(function() {
var color= $(this).attr('val'); // Not sure about this
$("#colorchange").css("color","+color+");
});
});
哪个没用.有任何想法吗？
谢谢!
编辑: jsfiddle:http://jsfiddle.net/xgm34/
新编辑
1
推荐指数
推荐指数
1
解决办法
解决办法
171
查看次数
查看次数
Undefined不是一个函数(jQuery add/remove class)
我正在制作一个似乎不起作用的简单交换按钮.
HTML
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
<a onclick="paid(123);" class="no" id="123"></a>
<a onclick="paid(124);" class="yes" id="124"></a>
<a onclick="paid(125);" class="no" id="125"></a>
</body>
</html>
JAVASCRIPT
<script type="text/javascript">
function paid(currentId) {
if (document.getElementById(currentId).hasClass("no")) {
document.getElementById(currentId).removeClass( 'no' );
document.getElementById(currentId).addClass( 'yes' );
}
else if (document.getElementById(currentId).hasClass("yes")) {
document.getElementById(currentId).removeClass( 'yes' );
document.getElementById(currentId).addClass( 'no' );
}
}
</script>
我错过了一些明显的东西吗？:)
1
推荐指数
推荐指数
1
解决办法
解决办法
1万
查看次数
查看次数
文本字段更改时更改范围
我有一个包含多个文本字段的表单.我想在字段中写一些内容时更改span标记.像这样:
有任何想法吗？
0
推荐指数
推荐指数
1
解决办法
解决办法
1845
查看次数
查看次数
从img字符串中删除标签和网址
我使用CK编辑器并希望在发布时分离所有图像内容.发布时字符串是这样的:
$string1 = '<h1>Foo bar!</h1> <img src="foo.bar/image.jpg" />';
$string2 = '<p>Hello world</p><br><img src="another.url/image123.jpg" />'
查找图像
preg_match_all('/<img[^>]+>/i',$string1, $result1);
preg_match_all('/<img[^>]+>/i',$string2, $result2);
我怎样才能翻译......
<img src="foo.bar/image.jpg" />
致: image.jpg
有任何想法吗？
0
推荐指数
推荐指数
1
解决办法
解决办法
401
查看次数
查看次数