原创 帶數據驗證和複選框的表單提交

實現: 1.用戶至少選中某項,即表示選中該行,同時該行的數據驗證通過,表單提交;否則,不提交。 2.選中該行任意項就選中該行的複選框,參見上篇http://blog.csdn.net/oiu1010110/article/details/

原创 圖片懸停顯示大圖效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片懸停顯示大圖效果</title> <style type="text/css"> u

原创 JavaScript中的this(你不知道的JavaScript)

JavaScript中的this,剛接觸JavaScript時大家都在大肆渲染說其多麼多麼的靈巧重要,然而自己並不關心;隨着自己對JavaScript一步步深入瞭解,突然恍然大悟,原來它真的很重要!所以,自己花費了大約2周的時間去查貼、

原创 JavaScript作用域與作用域鏈

一直對Js的作用域有點迷糊,今天偶然讀到Javascript權威指南,立馬被吸引住了,寫的真不錯。我看的是第六版本,相當的厚,大概1000多頁,Js

原创 CSS仿下拉菜單

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>防下拉菜單</title> <style type="text/css"> ul,li,

原创 js仿滾動條

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>仿滾動條</title> <style type="text/css"> #con_wr

原创 元素豎向的百分比設定是相對於容器的寬度or高度

相對於父元素寬度的: [max/min-]width、left、right、padding、margin 等; 相對於父元素高度的: [max/min-]height、top、bottom 等; 相對於繼承字號的: font-size

原创 js無縫滾動

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>無縫滾動</title> <style type="text/css"> ul,li,a,

原创 js焦點圖輪播(1)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>輪播</title> <style type="text/css"> ul { paddi

原创 js緩衝運動

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>緩衝運動</title> <style type="text/css"> div{

原创 帶複選框的表單提交

實現了: 1.選中除開表頭的任何一行中的任何一項,選中該行復選框,有利於用戶體驗。 2.至少選中表中一項,表單提交。 html: <!DOCTYPE html> <html lang="en"> <head> <meta charse

原创 簡易九九乘法表

實現一: <%@ page language="java" import="java.util.*,java.text.*" contentType= "text/html; charset=utf-8" %> <html>

原创 阻止表單提交和提交

之前知道submit可以直接表單提交,然後第一次要阻止表單提交,於是百度知道提交會觸發onsubmit事件,於是有了下面的代碼 <form id="register" name="register" method="get" actio

原创 js延時提示框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>延時提示框</title> <style> div{ float: left;

原创 給子元素盒子一個垂直外邊距margin-top,父元素盒子也會往下走margin-top的值的解決辦法

問題出現: 給子元素盒子一個垂直外邊距margin-top,父元素盒子也會往下走margin-top的值 <body> <div class="box"> <div class="content" id="content">