HTML
宁宁Fingerstyle
尺璧非宝,寸阴是竞。
展开
-
HTML5实现一种很常见的网页布局设计(导航栏在左侧)
一、代码实现<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>页面布局2</title> <style type='text/css'> /*下面的星号让素有元素内外边距都为0,不留空隙*/ *{ pa...原创 2019-05-16 10:33:07 · 38603 阅读 · 2 评论 -
HTML+CSS制作鼠标悬停可打开的折叠菜单(内含效果预览动画)
一、效果预览二、代码实现index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>折叠菜单</title> <link rel="stylesheet" href="css/style.css" />...原创 2019-05-17 10:04:11 · 7173 阅读 · 4 评论 -
HTML+CSS实现手风琴菜单(菜单横向,鼠标悬停可显示)
一、效果预览二、代码实现index.html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>手风琴菜单</title> <link rel="stylesheet" href="css/style.css"...原创 2019-05-17 12:27:47 · 4046 阅读 · 0 评论 -
用jQuery添加dragstart,dragover和drop事件,实现拖拽效果
一、效果图二、代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽事件</title> <style type="text/css"> div{ width:400px; height:3...原创 2019-06-01 10:54:40 · 11670 阅读 · 1 评论 -
jquery实现点击a标签跳转到新页面后,给被点击的那个a标签添加样式
需求如图所示,我希望点击“饮料酒水”跳转页面后,“饮料酒水”旁边会出现一个黄色的span,而其他没有被点击的项目没有这个黄色的span。“饮料酒水”是一个a标签,a标签的href就是图中的url,而我标红的那串数字就是"饮料酒水"的id。我给相应的span也加上了统一的id——也是这串数字。这样,如果我们获取url里的这串id数字,就能用这个id找到我需要显示的span,也就能实现我...原创 2019-07-04 16:49:45 · 4360 阅读 · 4 评论