小编Sho*_*omz的帖子

名为`animate`的JS函数在Chrome中不起作用,但在IE中有效

这不起作用,没有任何反应.我如何使它工作,我做错了什么?

function animate() {
  var div = document.getElementById('demo');
  div.style.left = "200px";
  div.style.color = "red";
}
Run Code Online (Sandbox Code Playgroud)
#demo {
  position: absolute;
}
Run Code Online (Sandbox Code Playgroud)
<p id='demo' onclick="animate()">lolol</p>
Run Code Online (Sandbox Code Playgroud)

html javascript css

10
推荐指数
2
解决办法
2141
查看次数

jQuery按输入名称选择

我有这个输入:

<tr><td class="forms">Price:</td><td><input type="text" name="price" size="30"/></td></tr>
Run Code Online (Sandbox Code Playgroud)

我怎么称呼这个输入?

示例:使用此代码我调用id:

$("#numberclasses").change(function() {
Run Code Online (Sandbox Code Playgroud)

我打电话给全班同学:

$(".numberclasses").change(function() {
Run Code Online (Sandbox Code Playgroud)

但是我该怎么称呼这个名字呢?

javascript jquery

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

隐藏前x个字符

是否可以通过css隐藏h4元素的前x个字符?

例如:

<h4>Data: This is some random data.</h4>
Run Code Online (Sandbox Code Playgroud)

"数据:"不得显示.

我尝试溢出并移动包含h4的div,这有效,但对我来说这不是一个好的解决方案.

也许有一个命令,我不知道哪个有帮助.我知道JavaScript和strreplace也可以工作,但我正在寻找一个纯CSS解决方案.

html css

8
推荐指数
3
解决办法
9757
查看次数

Chrome 51中的背景大小转换 - 错误或功能?

Chrome 51中的背景大小转换不再有效.我知道它永远不应该工作(见这个),但确实如此,并且仍然有很多人使用它.我在谈论悬停时的百分比转换.

我想知道这是否是新Chrome中的一个错误(这是可能的,因为这个版本带来了很多新东西),或者他们已经决定删除​​这个过渡的好处?

其他浏览器没有问题.


div {
  background: url(http://cdn2.business2community.com/wp-content/uploads/2014/12/Super-Mario-no-longer-the-007.jpg) no-repeat center center;
  background-size: 50%;
  display: inline-block;
  height: 276px;
  width: 460px;
  transition: all 0.5s linear;
}
div:hover {
  background-size: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<div></div>
Run Code Online (Sandbox Code Playgroud)


UPDATE

正如@ Paran0a注意到的,它适用于特定于供应商的前缀,所以它可能是一个错误(提交了一个错误报告):


div {
  background: url(http://cdn2.business2community.com/wp-content/uploads/2014/12/Super-Mario-no-longer-the-007.jpg) no-repeat center center;
  -webkit-background-size: 50%;
  display: inline-block;
  height: 276px;
  width: 460px;
  transition: all 0.5s linear;
}
div:hover {
  -webkit-background-size: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<div></div>
Run Code Online (Sandbox Code Playgroud)

html css google-chrome css-transitions

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

CSS动画:需要在最后一帧/单词上停止

我添加了带CSS动画的旋转文本.我希望动画经历1个循环并冻结最后一帧.使用我当前的代码,动画执行一个循环并以空白帧结束.有关如何纠正此问题的任何建议?

    body {} .rw-wrapper {
      width: 80%;
      position: relative;
      margin: 110px auto 0 auto;
      font-family: 'Bree Serif';
      padding: 10px;
    }
    .rw-sentence {
      margin: 0;
      text-align: left;
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    }
    .rw-sentence span {
      color: #444;
      font-size: 200%;
      font-weight: normal;
    }
    .rw-words {
      display: inline;
      text-indent: 10px;
    }
    .rw-words-1 span {
      position: absolute;
      opacity: 0;
      overflow: hidden;
      color: #6b969d;
      -webkit-animation: rotateWord 8s 1 forwards;
      -ms-animation: rotateWord 8s 1 forwards;
      animation: rotateWord 8s 1 forwards;
    }
    .rw-words-1 …
Run Code Online (Sandbox Code Playgroud)

css animation

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

PHP - 如何将矩形图像转换为方形图像?

如何在php中将矩形图像更改为方形头像,这样无论上传图像的分辨率如何,它都可以调整为集中的42 x 42像素头像.这是我正在使用的PHP代码.任何人都可以建议.

<?php 
//Name you want to save your file as
$save = 'myfile1.jpg';

$file = 'original1.jpg'; 
echo "Creating file: $save"; 
$size = 0.45; 
header('Content-type: image/jpeg') ; 
list($width, $height) = getimagesize($file) ; 
$modwidth = $width * $size; 
$modheight = $height * $size; 
$tn = imagecreatetruecolor($modwidth, $modheight) ; 
$image = imagecreatefromjpeg($file) ; 
imagecopyresampled($tn, $image, 0, 0, 0, 0, $modwidth, $modheight, $width, $height) ; 

// Here we are saving the .jpg, you can make this gif or png if you want …
Run Code Online (Sandbox Code Playgroud)

php image image-processing type-conversion

3
推荐指数
2
解决办法
7490
查看次数

CodeIgniter - sql只返回第一个字母

我正在为我正在构建的网站创建一个词汇表页面的目录.因此,当您单击A链接时,它将拉回所有以A开头的字母,依此类推.我已经完成了大部分功能,但是我无法获得正确的sql语句来撤回我想要的内容.

我正在努力......

$this->db->order_by("title", "asc");
$this->db->where('category', 'vocab');
$this->db->like('title', $this->uri->segment(3));
$data['query'] = $this->db->get('entries');
Run Code Online (Sandbox Code Playgroud)

所以,我一直在尝试让类似功能正常工作.要将标题中的第一个字母与我在用户点击链接时输入网址的字母相匹配.

有帮助吗?我是否喜欢这样的条款?我以前从来没有做过.

php mysql codeigniter

2
推荐指数
1
解决办法
1522
查看次数

将函数添加到全局Windows对象

我正在玩javascript对象来更好地理解"this"和函数上下文.我偶然发现了这个问题.我收到错误"obj2未定义",除非我在分配后运行window.obj2(),但我不知道为什么.将函数分配给window.obj2并不是立即执行它不应该足够吗?我知道你不应该污染窗口对象,这只是一个测试.谢谢!

window.obj2 = function(){
    console.log('obj2 in window.object',this);
}

window.obj2(); // problem when this line is commented out

(function () {

    var parent = {
        obj : function(){
            //console.log(this);
            obj2();
            this.obj2();
            window.obj2();
        },
        obj2 :function(){
            console.log('obj2 in parent',this);
        }
    }

    parent.obj();

}());
Run Code Online (Sandbox Code Playgroud)

说明

OP询问为什么在定义它之后必须执行该函数以便稍后在代码中定义...看看当你注释掉问题行时会发生什么.

javascript oop

2
推荐指数
1
解决办法
55
查看次数

使用JavaScript在网站上竞赛两个图像

我需要做的是:让两个图像在屏幕上相互竞争.必须随机移动对象并使它们随机移动.一个人到达某个点然后我会显示一个图像以显示获胜者.

我有它移动的地方,它产生数量和时间.当我单击图像以启动功能时,最终会发生什么,他们只是在适当的位置进行抖动,好像他们不理解他们在场上的最后位置.我确信这很简单,我很想知道,但我会很乐意帮忙.是的,这是一个中期项目,我一直在努力,但我不是要求你为我做功课,因为这是错误的.这就是我所拥有的.

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<style>

body{
    background-image:url('Images/duckstadium.png');
    background-repeat:no-repeat;
    background-position:center top;
}

</style>
<script>

var randleng;

function resetRace(){
window.location.reload();
}
//CHANGES ARE BELOW
//PLACED THE POS1 & POS2 OUTSIDE OF THE FUNCTION
    var pos1 = 0;
    var pos2 = 0;

function startRace() {

    var myVar1 = setInterval(startRace, 1000);
    var ranNum = Math.floor(Math.random()*2);
    randleng = Math.floor(Math.random()*5);

  if(ranNum == 0){

    var leng1 = pos1 + randleng;
    pos1+=randleng;
    document.getElementById("yellowHelmet").style.left = leng1 + "px";

    } 

    else …
Run Code Online (Sandbox Code Playgroud)

html javascript image function jscript

2
推荐指数
1
解决办法
538
查看次数

单击锚点书签时防止滚动事件

单击锚点书签会触发滚动事件。

如何仅在用户滚动发生而不是单击书签链接时触发回调?


注意:一个措辞不当的问题及其答案已关闭,但我相信它对社区仍然有用,因为我在 StackOverflow 上没有看到类似问题的答案

html javascript jquery

2
推荐指数
1
解决办法
2215
查看次数

有没有办法避免"https://www.googleapis.com/auth/plus.login"范围?

我正在使用Google注册按钮构建应用.谷歌建议我使用Google+,我做了.

我在两个不同的范围(https://www.googleapis.com/auth/userinfo.emailhttps://www.googleapis.com/auth/userinfo.profile)中要求用户个人资料和电子邮件地址.但是,我注意到范围https://www.googleapis.com/auth/plus.login是在令牌请求响应中自动添加的.

有没有办法删除它?我只想问用户我提到的两个,以便在对话框中没有额外的权限请求,这个也会导致确认弹出窗口访问用户的圈子(我不需要) .我已经google了很多,但找不到与此问题相关的任何内容.

oauth-2.0 google-plus

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

如何在变量中写出我的答案?

编写动态代码时遇到问题.我正在进行javascript编程课程,我正在与一项任务的最后部分进行一些斗争.

练习8.2

使用默认值扩展switch-case语句.结果应该是'那是一种未知的果实'.当变量'myFruit'具有未知值时.回答'myFruit = pear'的结果.

在下面编写代码并将答案放入变量ANSWER中.

var myFruit = "pear";
switch (myFruit) {
  case "banana":
  console.log("The banana is yellow.");
  break;
  case "apple":
  console.log("The apple is green.");
  break;
  case "kiwi":
  console.log("The kiwi is green.");
  break;
  case "plum":
  console.log("The plum is purple");
  break;
  default:
  console.log("That is an unknown fruit.");
  break;}
Run Code Online (Sandbox Code Playgroud)

如何在变量中形成此结果?

我试着像这样写:

var result = switch (myFruit);
Run Code Online (Sandbox Code Playgroud)

但这不起作用.

javascript switch-statement

0
推荐指数
1
解决办法
70
查看次数