原创 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的世界 ”中學來的(P2​​3),大神就是大神,熟練掌握着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中,然後定位隱藏在左上角,然後計算每張圖片應該在的位置