原创 JavaScript小火箭置頂功能
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>fire</title> <style> * {
原创 元素水平垂直居中(css/css3)
一、css實現1、margin<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style>
原创 js無縫滾動原理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * {
原创 圖片放大鏡 jQuery插件
插件網盤地址/*傳參使用jqzoom*/ $(function(){ $('.jqzoom').jqzoom({ zoomType: 'standard',/*遮罩層樣式*/ lens:true,/*鼠標滑入顯示遮罩層*/
原创 前端基礎測試題
簡答1、行級元素塊級元素區別塊級元素:能設置寬高,自己一行 display: block行級元素:不能設置寬高,很多一行 寬度由內容撐的 display: inline行級塊元素:水平分佈 可以設置寬高 display: inlin
原创 JavaScript生成右鍵菜單
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>右鍵菜單</title> <style> * {
原创 express-路由-控制器分離-自動加載
參考 https://www.cnblogs.com/stoneniqiu/p/5538109.html https://blog.csdn.net/Szu_AKer/article/details/84928570 https://g
原创 凹凸曼但沒有小怪獸 CSS的世界
需求:使用一層HTML標籤實現如下效果 效果圖 套路圖 這是從“ CSS的世界 ”中學來的(P23),大神就是大神,熟練掌握着css各種屬性的特性。 以下是代碼: <span class="ao"></span> <span
原创 鐘錶例子(css3/畫布)
神奇的canvas <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style>
原创 AMD 和 CMD 的區別有哪些? (玉伯)
AMD 和 CMD 的區別有哪些?作者:玉伯鏈接:https://www.zhihu.com/question/20351507/answer/14859415來源:知乎AMD 規範在這裏:https://github.com/amdjs
原创 js版放大鏡
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>放大鏡</title> <style> *{
原创 旋轉的立方體 css3
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * {
原创 滑動到底部 固定側邊欄
J_BdSide是滑動側邊欄id選擇器<script> $(window).scroll(function() { var windowHeight = $(window).scrollTop() + $(window).h
原创 css和css3彈性盒模型實現元素寬度(高度)自適應
一、css實現左側寬度固定右側寬度自適應1、定位<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自適應</title> <
原创 旋轉合併照片牆-特效照片牆
思路: 首先預加載照片,分大圖小圖兩個循環預加載函數,共48張圖片,count記錄循環次數,count==48時執行loadSuccess()中代碼。 先讓照片顯示在div中,然後定位隱藏在左上角,然後計算每張圖片應該在的位置