小编mat*_*ewb的帖子

带有css3和ie8支持的弧形文本

我试图给带有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)

jquery canvas css3 internet-explorer-8 css-transforms

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

禁用第一个和最后一个元素的keyCode

我已经做了一个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)

工作参考是 …

jquery jquery-plugins jquery-selectors

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

根据jquery中的窗口高度将数字块插入包装器

我已经制作了一个加载背景图像的包装器,并且在for循环的帮助下出现了许多块.块的宽度取决于窗口宽度除以10.现在我需要根据窗口的高度使块限制并调整窗口的大小.

工作示例jsfiddle

[1]: [http://jsfiddle.net/RaVDJ/1/][1]
Run Code Online (Sandbox Code Playgroud)

jquery jquery-plugins

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

如何将外部样式表和javascript导入iframe

我只想将外部样式表和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)

iframe jquery css3

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

选择选项标签中的自定义字体

我已经在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)

jsfiddle demo在这里.

html css drop-down-menu

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

在opencart中包含标题部分的wishlist链接中的跨度

我想在我的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 opencart

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

滚动的固定标题在ie8中不起作用

当用户向下滚动标题时,我已经为修复标题实现了一个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)

工作参考在这里.

jquery jquery-plugins jquery-selectors

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