bootstrap-js工具提示框

news/2024/7/19 14:23:19 标签: html, bootstrap, css, js

docs.min.js:引入官方js文件,才能显示

js xml">js-doctype"><!DOCTYPE html>
js-tag"><js-title">html js-attribute">lang=js-value">"en">
js-tag"><js-title">head>
    js-tag"><js-title">meta js-attribute">charset=js-value">"UTF-8">
    js-tag"><js-title">meta js-attribute">name=js-value">"viewport" js-attribute">content=js-value">"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    js-tag"><js-title">link js-attribute">rel=js-value">"stylesheet" js-attribute">href=js-value">"css/bootstrap.css">
    js-tag"><js-title">script js-attribute">src=js-value">"js/jquery.1.12.4.min.js">js-tag"></js-title">script>
    js-tag"><js-title">script js-attribute">src=js-value">"js/bootstrap.js">js-tag"></js-title">script>

    js-tag"><js-title">script js-attribute">src=js-value">"js/docs.min.js">js-tag"></js-title">script>js-comment"><!-- 实现出现工具提示 和占位图片-->
    js-tag"><js-title">title>Bootstrapjs-tag"></js-title">title>
js-tag"></js-title">head>
js-tag"><js-title">style js-attribute">type=js-value">"text/css">css">
    *js-rules">{
        js-rule">js-attribute">font-family:js-value"> 微软雅黑;
    js-rule">}
js-tag"></js-title">style>
js-tag"><js-title">body>
    js-tag"><js-title">div js-attribute">class=js-value">"container">
        js-tag"><js-title">div js-attribute">class=js-value">"page-header">js-tag"></js-title">div>
            js-tag"><js-title">div js-attribute">class=js-value">"tooltip-demo">
                  js-tag"><js-title">button  js-attribute">class=js-value">"btn btn-default" js-attribute">data-toggle=js-value">"tooltip" js-attribute">data-placement=js-value">"left" js-attribute">data-original-title=js-value">"Tooltip on left">Tooltip on leftjs-tag"></js-title">button>
                  js-tag"><js-title">button  js-attribute">class=js-value">"btn btn-default" js-attribute">data-toggle=js-value">"tooltip" js-attribute">data-placement=js-value">"top" js-attribute">data-original-title=js-value">"Tooltip on top">Tooltip on topjs-tag"></js-title">button>
                  js-tag"><js-title">button  js-attribute">class=js-value">"btn btn-default" js-attribute">data-toggle=js-value">"tooltip" js-attribute">data-placement=js-value">"bottom" js-attribute">data-original-title=js-value">"Tooltip on bottom">Tooltip on bottomjs-tag"></js-title">button>
                  js-tag"><js-title">button  js-attribute">class=js-value">"btn btn-default" js-attribute">data-toggle=js-value">"tooltip" js-attribute">data-placement=js-value">"right" js-attribute">data-original-title=js-value">"Tooltip on right">Tooltip on rightjs-tag"></js-title">button>
            js-tag"></js-title">div>
    js-tag"></js-title">div>
js-tag"></js-title">body>
js-tag"></js-title">html>

这里写图片描述


http://www.niftyadmin.cn/n/773857.html

相关文章

bootstrap-js组件-轮播效果

简单的没有控制的图片轮播&#xff1a; <div class"carousel slide" data-ride"carousel" id"mycarousel"><!-- 幻灯片图片 --><div class"carousel-inner"><div class"item active"><img src&…

js-关于this的小测试

一个面试题分析&#xff1a; <script type"text/javascript">//运行test() 和new test&#xff08;&#xff09;的结果var a 5;function test(){a 0;alert(a);alert(this.a);var a;alert(a);}test(); //0 5 0// AO{// a: 0// }// GO {// a: 5// }// alert…

js-深克隆,浅克隆

1深克隆 <script type"text/javascript">var obj{name:"abc",age:123,card:[ visa,master],wife:{name:"bcd",son:{name:"aaa"}}}var obj1{};//深克隆// 遍历对象 for&#xff08; var prop in obj&#xff09;//1.判断是不是原…

js-typeof封装工具类

在JavaScript中&#xff0c;判断类型也是常用的一种方法&#xff0c;但是它自带的判断类型的方法不是很完美&#xff0c;只能判断以下基本类型&#xff0c;不能判断引用类型和封装类型&#xff1a; number &#xff0c; string &#xff0c;boolean , object( 数组和null&…

js小功能-滑块移动 和 俄罗斯方块式 键盘操作移动

滑块移动 <script type"text/javascript">var div document.createElement(div);document.body.appendChild(div);div.style.width "50px";div.style.height "50px";div.style.backgroundColor "red";div.style.position …

js小功能-涂色板

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title><style>*{margin:0;padding:0;}li{box-sizing: border-box;/*边框加上宽高的大小一共是10px*/float: left;width:10px;he…

js-随机显示颜色

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Document</title><style>*{margin:0;padding:0;}li{box-sizing: border-box;/*边框加上宽高的大小一共是10px*/float: left;width:10px;he…

js-封装insertAfter

有很多方法 进行insertAfter&#xff08;&#xff09;方法的封装&#xff0c;我也想到一种方法&#xff0c;用着很简单&#xff0c;但不知道有没有什么弊端&#xff0c;还望指正&#xff1a; 1 Element.prototype.insertAfterfunction (targetElement,referElement){return t…