ul

Add Dropdown Menu in Blogger Website

由 六眼飞鱼酱① 提交于 2019-11-26 16:27:04
Here are all codes I found from Internet to display a dropdown menu on my 91sec.blogspot.com website. 1 Add the following code to Template > Customize > Advanced > Add CSS. This will place the code in Template > Edit HTML. /* —– START DROPDOWN CSS —– */ #navigationbar { width: 100%; /* change the width of the navigation bar */ height: 40px; /* change the height of the navigation bar */ } #navigationcss { margin: 0 auto; padding: 0; } #navigationcss ul { float: none; list-style: none; margin: 0; padding: 0; overflow: visible; } #navigationcss li a, #navigationcss li a:link, #navigationcss li a

Vue：选中商品规格改变字体和边框颜色（默认选中第一种规格）

由 我与影子孤独终老i 提交于 2019-11-26 16:17:09
效果图： CSS： <div class="label"> <p>标签类别</p> <ul> <li v-for="(item, idx) in list1" :key="idx" :class="{ specColor:changeColor1 === idx}" @click="changeSpec(1,idx)"> <button class="but1">{{item.label}}</button> </li> </ul> </div> <div class="label"> <p>标签类别</p> <ul> <li v-for="(item, idx) in list1" :key="idx" :class="{ specColor:changeColor2 === idx}" @click="changeSpec(0,idx)"> <button class="but1">{{item.label}}</button> </li> </ul> </div> JS： <script> export default { name: 'detailsOfGoods', data () { return { changeColor1: 0, changeColor2: 0, } }, methods: { /* * 选中商品规格 */ changeSpec (i, idx)

锋利的jQuery第一章

由 北城以北 提交于 2019-11-26 09:09:17
以前总是感觉js,html,css,jquery这些东西太繁杂，看着都头晕，想着做后台，不用管这些东西，可是工作之中发现，很多前台后台结合 的地方，比如通过ajax发送到后台，如果不懂得jQuery,感觉很被动，于是，我也不管那么多了，从现在开始学习jQuery了。 　　我喜欢看书本学习，以后博客将记录我学习的笔记： 1,window.reload()和$(document).ready()的区别： 2,有关菜单的代码： <!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <html xmlns= " http://www.w3.org/1999/xhtml "> <head> <meta http-equiv= " Content-Type " content= " text/html; charset=gb2312 " /> <script src= " jquery-1.4.2.min.js " type= " text/javascript "></script> <script type= " text/javascript " language= " javascript

emmet html缩写

由 僤鯓⒐⒋嵵緔 提交于 2019-11-26 05:55:48
HTML缩写 Emmet使用类似于CSS选择器的语法来描述元素在生成的树中的位置和元素的属性。 元素 您可以使用元素的名字，如div或p以生成 HTML标签。 Emmet没有一组预定义的可用标签名称，您可以编写任何单词并将其转换为标签：div→ ，foo→ 等。 嵌套运算符 嵌套运算符用于将缩写元素放置在生成的树内：是否将其放置在context元素内或附近。 父子元素 > 您可以使用 > 运算符将元素相互嵌套： div>ul>li <div> <ul> <li></li> </ul> </div> 兄弟元素 + 使用 + 运算符将元素彼此放置在同一水平上： div+p+bq <div></div> <p></p> <blockquote></blockquote> 爬升 ^ 使用^运算符，您可以将树爬上一层并更改上下文，其中应显示以下元素： div+div>p>span+em^bq <div></div> <div> <p><span></span><em></em></p> <blockquote></blockquote> </div> 可以根据需要使用任意多个^运算符，每个运算符将上移一个级别： 乘法 * 使用*运算符，您可以定义元素应输出多少次： ul>li*5 <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <

vue基础

由 白昼怎懂夜的黑 提交于 2019-11-26 03:08:00
Vue 渐进式 JavaScript 框架 通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目 一、走进Vue 1、what -- 什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 2、why -- 为什么要学习Vue 三大主流框架之一：Angular React Vue 先进的前端设计模式：MVVM 可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发 3、special -- 特点 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM 4、how -- 如何使用Vue 开发版本： vue.js 生产版本： vue.min.js <div id="app"> {{ }} </div> <script src="js/vue.min.js"></script> <script> new Vue({ el: '#app' }) </script> 二、Vue实例 1、el：实例 new Vue({ el: '#app' }) // 实例与页面挂载点一一对应 // 一个页面中可以出现多个实例对应多个挂载点 // 实例只操作挂载点内部内容 2、data：数据 <div id='app'> {{ msg }} </div> <script> var app = new Vue({ el: '

vue基础

由 ≯℡__Kan透↙ 提交于 2019-11-26 02:53:35
Vue 渐进式 JavaScript 框架 通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目 一、走进Vue 1、what -- 什么是Vue 可以独立完成前后端分离式web项目的JavaScript框架 2、why -- 为什么要学习Vue 三大主流框架之一：Angular React Vue 先进的前端设计模式：MVVM 可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发 3、special -- 特点 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM 4、how -- 如何使用Vue 开发版本： vue.js 生产版本： vue.min.js <div id="app"> {{ }} </div> <script src="js/vue.min.js"></script> <script> new Vue({ el: '#app' }) </script> 二、Vue实例 1、el：实例 new Vue({ el: '#app' }) // 实例与页面挂载点一一对应 // 一个页面中可以出现多个实例对应多个挂载点 // 实例只操作挂载点内部内容 2、data：数据 <div id='app'> {{ msg }} </div> <script> var app = new Vue({ el: '

织梦列表页每5行一个ul标签写法

由 两盒软妹~` 提交于 2019-11-25 23:18:16
<ul class="news-list"> {dede:list} [field:global name='autoindex' runphp='yes'] @me = ((@me-1)%5==0 && @me != 1) ? '</ul><ul class="news-list">':''; [/field:global] <li><span>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span><a href="[field:arcurl/]" title="[field:title/]" target="_blank">[field:title/]</a></li> {/dede:list} </ul> 这里的逻辑就是当调用第6，11，16....的时候给列表前面加一个</ul><ul class="news-list">，站长朋友可以根据本站的写法，做相应修改即可 来源： 51CTO 作者： gutaotao1989 链接： https://blog.51cto.com/taoyouth/2299833?source=dra

Web前端基础(17):jQuery基础(四)

由 左心房为你撑大大i 提交于 2019-11-25 16:54:52
1. jQuery的属性操作 jquery的属性操作模块分为四个部分：html属性操作，dom属性操作，类样式操作和值操作 html属性操作：是对html文档中的属性进行读取，设置和移除操作。比如attr()、removeAttr() DOM属性操作：对DOM元素的属性进行读取，设置和移除操作。比如prop()、removeProp() 类样式操作：是指对DOM属性className进行添加，移除操作。比如addClass()、removeClass()、toggleClass() 值操作：是对DOM属性value进行读取和设置操作。比如html()、text()、val() 1.1 html属性操作 1.1.1 attr() 设置属性值或者返回被选元素的属性值。 //获取值：attr()设置一个属性值的时候 只是获取值 var id = $('div').attr('id') console.log(id) var cla = $('div').attr('class') console.log(cla) //设置值 //1.设置一个值 设置div的class为box $('div').attr('class','box') //2.设置多个值，参数为对象，键值对存储 $('div').attr({name:'hahaha',class:'happy'}) 1.1.2
订阅 ul