如何使用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) </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标签的原因:
如何使用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) 我需要知道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) 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的)
有时你想要两个身体背景.一个用于标题,一个用于页脚.我意外地发现可以设置实际<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)
这样做可以,还是会引起任何问题?
我想这样做:
$('input:text','textarea').focus(function () {
$(this).removeClass('wrong');
if (this.value == this.defaultValue){
$(this).val('');
}
Run Code Online (Sandbox Code Playgroud)
但$('input:text','textarea')不会作为选择器工作.我究竟做错了什么?
我是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) 我知道可以记录鼠标移动,滚动和击键.但是对文档的更改呢?如何记录文档的更改?
这是我的尝试.必须有一种更简单的方法来存储所有事件?
我感谢所有我能得到的提示!
<!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) 这在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 ×6
html ×2
jquery ×2
background ×1
coding-style ×1
css ×1
css3 ×1
dimensions ×1
dom-events ×1
file-upload ×1
forms ×1
image ×1
indexing ×1
innerhtml ×1
mysql ×1
onclick ×1
paragraph ×1
php ×1
rows ×1