Javascript tổng họp

<img src="//nojsim.images.xtstatic.com/tp.gif" alt="" />

watch sexy videos at nza-vids!

Bôi đen nội dung để copy

Chạm vào để copy

Máy tính

Chạm vào để copy

<form name="calculator"> <table> <tr> <td colspan="4"> <input type="text" name="display" disabled> </td> </tr> <tr> <td><input type="button" name="one" value="1" onclick="calculator.display.value += 1"></td> <td><input type="button" name="two" value="2" onclick="calculator.display.value += 2"></td> <td><input type="button" name="three" value="3" onclick="calculator.display.value += 3"></td> <td><input type="button" class="operator" name="plus" value="+" onclick="calculator.display.value += '+'"></td> </tr> <tr> <td><input type="button" name="four" value="4" onclick="calculator.display.value += 4"></td> <td><input type="button" name="five" value="5" onclick="calculator.display.value += 5"></td> <td><input type="button" name="six" value="6" onclick="calculator.display.value += 6"></td> <td><input type="button" class="operator" name="minus" value="-" onclick="calculator.display.value += '-'"></td> </tr> <tr> <td><input type="button" name="seven" value="7" onclick="calculator.display.value += 7"></td> <td><input type="button" name="eight" value="8" onclick="calculator.display.value += 8"></td> <td><input type="button" name="nine" value="9" onclick="calculator.display.value += 9"></td> <td><input type="button" class="operator" name="times" value="x" onclick="calculator.display.value += '*'"></td> </tr> <tr> <td><input type="button" class="operator" id="clear" name="clear" value="C" onclick="calculator.display.value = ''"></td> <td><input type="button" class="operator" name="zero" value="0" onclick="calculator.display.value += '0'"></td> <td><input type="button" class="operator" name="doit" value="=" onclick="calculator.display.value = eval(calculator.display.value)"></td> <td><input type="button" class="operator" name="div" value=":" onclick="calculator.display.value += '/'"></td> </tr> </table> </form>

<style>form { background: #999; margin: 0 auto; width: 300px; padding: 20px; border-radius: 5px; } form * { box-sizing: border-box; } form table { width: 100%; border-collapse: collapse; } form table tr, form table td { border: 1px solid #eee; } form table tr:first-child input { height: 50px; padding: 0 10px; font-weight: 700; } form table tr:not(:first-child) td { height: 70px; } form table tr:not(:first-child) td input { height: 100%; } form table input { width: 100%; display: block; border: 0; font-size: 16px; } form table input:focus { outline: none; } form table input:hover { background: #eee; transition: all .2s ease-in-out; } form table input.operator { font-weight: 700; color: #fff; background: #aaa; }</style>

Tab Thả nội dung

AAAAAAAAAA

aaaaaaaaaaaaaaaaaaaaaaaaaaaa.

BBBBBBBBBBB

bbbbbbbbbbbbbbbbbbb.

CCCCCCCCC

cccccccccccccccccccccccc.

Chạm vào để copy

<style>
body {font-family: "Lato", sans-serif;}

/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
</style>

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')">AAAA</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">BBBB</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">CCCC</button>
</div>

<div id="London" class="tabcontent">
  <h3>AAAAAAAAAA</h3>
  <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaa.</p>
</div>

<div id="Paris" class="tabcontent">
  <h3>BBBBBBBBBBB</h3>
  <p>bbbbbbbbbbbbbbbbbbb.</p> 
</div>

<div id="Tokyo" class="tabcontent">
  <h3>CCCCCCCCC</h3>
  <p>cccccccccccccccccccccccc.</p>
</div>

<script>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
</script>

Ảnh sex 4

Ảnh sex 3

Ảnh sex 55

Ảnh sex 54

Ảnh sex 53

Ảnh sex 52

Ảnh sex 50

Ảnh sex 49

Ảnh sex 48

Ảnh sex 47

Ảnh sex 46

Ảnh sex 45

Ảnh sex 44

Ảnh sex 43

Ảnh sex 42

Ảnh sex 41

Ảnh sex 40

Ảnh sex 39

Ảnh sex 38

Ảnh sex 37

Ảnh sex 36

Ảnh sex 35

Ảnh sex 33

Ảnh sex 32

Ảnh sex 31

Ảnh sex 17

Chạm vào để copy

Gửi cho bạn bè

Trang hiện tại:
dat007.xtgem.com/javacsript.html

Trang trước

Quay lại ☜ ☞ Dat007

AD Dat007 Xin chào:

U-ON