小编Hak*_*kan的帖子

如何使用javascript设置CSS3过渡?

如何使用javascript设置CSS(我无法访问CSS文件)?

#fade div {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -ms-transition: opacity 1s;       
  transition: opacity 1s;
  opacity: 0;
  position: absolute;
  height: 500px;
  width: 960px;
}
Run Code Online (Sandbox Code Playgroud)

例如:

document.getElementById('fade').HOW-TO-TYPE-webkit-transition = 'opacity 1s';
Run Code Online (Sandbox Code Playgroud)

javascript css3

30
推荐指数
3
解决办法
7万
查看次数

HTML中不需要P-end-tag(</ p>)

</p>仅在XHTML中需要,但在HTML中不需要.有时你必须关闭它,例如当您将段落左/右/中心对齐时.

混合使用</p>如下所示是一个坏主意?请注意,</p>第1段和第3段中没有结束标记.

<h1>My article</h1>
<p>This is my 1st paragraph.
<p class="align=right">This is my 2nd paragraph</p>
<p>This is my 3rd paragraph.
Run Code Online (Sandbox Code Playgroud)

我不想关闭P标签的原因:

  • 易于在我的CMS中使用(要求更高的代码使其成为XHTML)
  • 1kb打火机文件

html paragraph

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

使用PHP上传图像之前检查图像尺寸(高度和宽度)

如何使用PHP在上传图像之前检查高度和宽度.

我必须先上传图片并使用"getimagesize()"吗?或者我可以在使用PHP上传之前检查一下吗?

<?php

foreach ($_FILES["files"]["error"] as $key => $error) {
if(
$error == UPLOAD_ERR_OK
&& $_FILES["files"]["size"][$key] < 500000 
&& $_FILES["files"]["type"][$key] == "image/gif"
|| $_FILES["files"]["type"][$key] == "image/png"
|| $_FILES["files"]["type"][$key] == "image/jpeg"
|| $_FILES["files"]["type"][$key] == "image/pjpeg" 
){


$filename = $_FILES["files"]["name"][$key];








if(HOW TO CHECK WIDTH AND HEIGHT)
{
echo '<p>image dimenssions must be less than 1000px width and 1000px height';
}


}







?>
Run Code Online (Sandbox Code Playgroud)

php file-upload image dimensions

24
推荐指数
6
解决办法
8万
查看次数

使用纯javascript获取被点击元素的索引

我需要知道clicked元素的索引.无法弄清楚该怎么做

for (i = 0; i < document.getElementById('my_div').children.length; i++) {
    document.getElementById('my_div').children[i].onclick = function(){'ALERT POSITION OF CLICKED CHILD'};
}
Run Code Online (Sandbox Code Playgroud)

this.index?

这是我想要做的一个例子(它只返回6):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{margin:0;}
#container div{height:50px;line-height:50px; text-align:center}
</style>
</head>
<body>
<div id="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>
<script>
for (i = 0; i < document.getElementById('container').children.length; i++) {
    document.getElementById('container').children[i].onclick = function(){alert('Number ' + i + ' was clicked')};
}
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript indexing onclick

23
推荐指数
5
解决办法
6万
查看次数

jquery和CSS中最快的选择器方法 - ID或不?

jquery/javascript中最快的是什么?

$('#myID .myClass')
Run Code Online (Sandbox Code Playgroud)

要么

$('.myClass')
Run Code Online (Sandbox Code Playgroud)

什么是最好在CSS中使用?

#myID .myClass{}
Run Code Online (Sandbox Code Playgroud)

要么

.myClass{}
Run Code Online (Sandbox Code Playgroud)

我现在看到我应该更好地解释.抱歉!

Ofceauce ID是CSS和JavaScript中更快的选择器.但有时你需要使用类,因为有多个选择器.

例如,我有我的大HTML文档.在页面中间我有:

<div id="myID">

<a class="myClass">link1</a>

<a class="myClass">link1</a>

<a class="myClass">link1</a>

</div>
Run Code Online (Sandbox Code Playgroud)

如果我想要定位所有"myClass".那么在定位类之前定位ID会更好吗?(然后我不必对整个HTML文档进行domtravel)例如:

这会是:

$( '#身份识别码').找到(" MyClass的)

要快于:

$(" MyClass的)

javascript css jquery css-selectors jquery-selectors

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

设置<html>标签的样式是否可以?

有时你想要两个身体背景.一个用于标题,一个用于页脚.我意外地发现可以设置实际<html>标签的样式.

HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
Run Code Online (Sandbox Code Playgroud)

CSS:

html {background:#000}
Run Code Online (Sandbox Code Playgroud)

这样做可以,还是会引起任何问题?

html background coding-style

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

输入:jquery中的text + textarea选择器

我想这样做:

$('input:text','textarea').focus(function () {
$(this).removeClass('wrong');
if (this.value == this.defaultValue){
$(this).val('');
}
Run Code Online (Sandbox Code Playgroud)

$('input:text','textarea')不会作为选择器工作.我究竟做错了什么?

javascript forms jquery

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

在单个查询中更新具有不同值的多个行 - MySQL

我是MySQL的新手.

我在一个查询中使用它来更新具有不同值的多行:

UPDATE categories
    SET order = CASE id
        WHEN 1 THEN 3
        WHEN 2 THEN 4
        WHEN 3 THEN 5
    END,
    title = CASE id
        WHEN 1 THEN 'New Title 1'
        WHEN 2 THEN 'New Title 2'
        WHEN 3 THEN 'New Title 3'
    END
WHERE id IN (1,2,3)
Run Code Online (Sandbox Code Playgroud)

我正在使用"WHERE"来提高性能(没有它会测试表中的每一行).

但是,如果我有这个senario(当我不想更新id 2和3的标题时):

UPDATE categories
    SET order = CASE id
        WHEN 1 THEN 3
        WHEN 2 THEN 4
        WHEN 3 THEN 5
    END,
    title = CASE id
        WHEN 1 THEN 'New …
Run Code Online (Sandbox Code Playgroud)

mysql rows

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

录制和重播javascript

我知道可以记录鼠标移动,滚动和击键.但是对文档的更改呢?如何记录文档的更改?

这是我的尝试.必须有一种更简单的方法来存储所有事件?

我感谢所有我能得到的提示!

<!DOCTYPE html>
<html>
<head>
<title>Record And replay javascript</title>
</head>
<body id="if_no_other_id_exist">

<div style="height:100px;background:#0F0" id="test1">click me</div>
<div style="height:100px;background:#9F9" class="test2">click me</div>
<div style="height:100px;background:#3F9" id="test3">click me</div>
<div style="height:100px;background:#F96" id="test4">click me</div>



<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>

$(document).ready(function() {
var the_time_document_is_redy = new Date().getTime();
var the_replay = '';


$('div').live("click", function (){
var the_length_of_visit = new Date().getTime() - the_time_document_is_redy;


// check if the element that is clicked has an id
if (this.id)
{

the_replay =
the_replay
+
"setTimeout(\"$('#"
+
this.id
+
"').trigger('click')\","
+
the_length_of_visit
+ …
Run Code Online (Sandbox Code Playgroud)

javascript dom-events

9
推荐指数
5
解决办法
2万
查看次数

尝试使用javascript添加样式标记(IE8中的innerHTML)

这在IE8中不起作用.我认为是导致问题的innerHTML.怎么解决?

// jQuery plugin
(function( $ ){

    $.fn.someThing = function( options ) {  

        var d = document,
            someThingStyles = d.createElement('style');

        someThingStyles.setAttribute('type', 'text/css');
        someThingStyles.innerHTML = " \
        .some_class {overflow:hidden} \
        .some_class > div {width:100%;height:100%;} \
        ";
        d.getElementsByTagName('head')[0].appendChild(someThingStyles);

        });

    };

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

javascript internet-explorer innerhtml

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