我试图给带有css3属性的文本赋予弧形,并且还改变js以支持ie8.但这不起作用.
this.$letters.each(function (i) {
var $letter = $(this),
transformation = (_self.options.radius === -1) ? 'none' : 'translateX(' + $letter.data('x') + 'px) translateY(' + $letter.data('y') + 'px) rotate(' + $letter.data('a') + 'deg)',
transition = (animation) ? 'all ' + (animation.speed || 0) + 'ms ' + (animation.easing || 'linear') : 'none';
filterIE = 'M11=' + $letter.data('x') + ', M21=' + $letter.data('y') + ',rotation=' + $letter.data("a") + 'deg'; // js function for supporting ie8
//alert(filterIE);
$letter.css({
'-webkit-transition': transition,
'-moz-transition': transition,
'-o-transition': transition, …Run Code Online (Sandbox Code Playgroud) 我已经做了一个onkeydown函数,它运行li元素块水平运行完美但我需要当第一个和最后一个li块聚焦时,左右键应该被禁用.
有谁能建议一个正确的方法?Thanx提前!!!
$(document).ready(function() {
var winht = $(window).height();
var contUl = $('.content ul').children('li').size();
var widLi = $('.content ul li').width();
var contUlAndLI = contUl * widLi;
var leftIndex = $('.content ul').css('left','0');
$('.content ul').width(contUlAndLI);
$('#frame').height(winht);
$("body").keydown(function(e) {
if(e.keyCode == 37) { // left
$(".content ul").animate({
left: "-=980"
});
}
else if(e.keyCode == 39) { // right
$(".content ul").animate({
left: "+=980"
});
}
});
if( leftIndex == 0){
$("body").keydown(function(e) {
if(e.keyCode == 39){ // right
//event.preventDefault();
return false;
}
});
}
});
Run Code Online (Sandbox Code Playgroud)
工作参考是 …
我已经制作了一个加载背景图像的包装器,并且在for循环的帮助下出现了许多块.块的宽度取决于窗口宽度除以10.现在我需要根据窗口的高度使块限制并调整窗口的大小.
工作示例jsfiddle
[1]: [http://jsfiddle.net/RaVDJ/1/][1]
Run Code Online (Sandbox Code Playgroud) 我只想将外部样式表和js导入到iframe的head标签中.可能吗 ?
我已经在html头部尝试了一个自定义的jquery函数`
$(this).contents().find('head').append('<link href="http://mywebsite.com/css/iframe.css?" rel="stylesheet" type="text/css" />')`
Run Code Online (Sandbox Code Playgroud) 我已经在FF中正常工作的标签中集成了各种自定义字体,但却没有在(Chrome和safari)等网络工具包浏览器中工作.
<select>
<option value="" style="font-family: 'Averia Libre'!important;">I'm a custom font.</option>
<option value="" style="font-family: 'cancun', cursive;">Hey me too!</option>
<option value="" style="font-family: 'Averia Libre', cursive!important;">Averia Libre</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我想在我的opencart主题中包含标题部分的wishlist链接的span.
我尝试了以下尝试,但没有成功任何人可以建议更好的方法?
这个工作,但只包装第二个跨度,然后再来到它的默认状态.A CLASS(whis)添加到'添加到WISHLIST'链接
$(document).ready(function(e) {
$('.whis').click(function(){
$("#header .links #wishlist-total").wrapInner("<span></span>");
});
});
Run Code Online (Sandbox Code Playgroud)
这项工作直到点击产品的"添加到愿望清单"链接.
$(document).ready(function(e) {
$("#header .links #wishlist-total").wrapInner("<span></span>");
});
Run Code Online (Sandbox Code Playgroud) 当用户向下滚动标题时,我已经为修复标题实现了一个jquery将获得修复位置.但除了ie8之外,它在所有浏览器中都有效.任何人都可以提出正确的方法.
$(document).ready(function()
{
$(document).scroll(function()
{
var window_y = $(window).scrollTop();
var header_h = $('.header').height();
if(window_y > header_h)
{
$(".header").addClass('fixed');
}
else
{
$(".header").removeClass('fixed');
}
});
});
Run Code Online (Sandbox Code Playgroud)
工作参考在这里.