我在jQuery中创建了一个简单的脚本,它采用图像并慢慢旋转它. 链接到示例
deg = 0;
derp = false;
function callRotate(){
if(!derp){
setInterval(rotate, 50);
}
}
function rotate(){
$("#rotate_me > img").css({"-webkit-transform":"rotate("+ deg +"deg)", "-moz-transform":"rotate("+ deg +"deg)"});
deg+=.2;
}
callRotate();
Run Code Online (Sandbox Code Playgroud)
我决定在div上设置一个等于div高度1/2的边界半径,使图像看起来像一个圆圈.Firefox 4.0.1中的旋转看起来很好,但是当我在Chrome中测试它时,一旦旋转开始,图像就会在边界半径上流血.有谁知道防止图像流血的方法?
由于谷歌翻译api正在关闭,我试图让谷歌翻译网页元素在整个会话中为用户工作,这样他们就不必在每个不同的页面上将选择框选项更改为他们的语言.
初始加载函数如下:
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, "google_translate_element");
};
Run Code Online (Sandbox Code Playgroud)
google_translate_element是放置选择框的div.当选择框在那里时,它总是有"goog-te-combo"类.我可以使用jQuery更改框的值,没有问题,例如.$('.goog-te-combo').val('fr')将该框更改为法语.但是当我尝试使用$('.goog-te-combo').触发器()使用所有排序事件类型(更改,单击,鼠标,mousedown等)来触发翻译时,翻译永远不会触发.
有谁知道触发翻译的方法?