Tag：DIV
-
Time：2020-9-9
With the increasing demand for front-end pages, some scenes need gradient background elements. In this paper, a background gradient button is implemented by using the new attributes of div and CSS3 1. Background: linear gradient background is gradient color attribute2. Using the animation feature animation in CSS3, the background changes from left to right_ move）3. […]
-
Time：2020-8-14
Div background translucent, div words are not translucent Copy code The code is as follows: <body bgcolor=”#336699″> <div style=”filter:alpha(opacity=50);background:#ffffff;width:600;”><span style=”color:yellow”> The background of the layer is translucent, and the color of the font is also translucent Copy code The code is as follows: </span></div> <div style=” filter:alpha (opacity=50);background:#ffffff; width:600 “><span style=” position:relative;color : yellow “> […]
-
Time：2020-8-4
common ground: Div tags and span tags treat some content as a whole, such as hiding and moving as a whole. Something like a box. This can simplify the code and improve efficiency. difference: 1. Div is to put the content into a rectangular block, and random movement will affect the layout. But span just […]
-
Time：2020-6-20
Copy code The code is as follows: <html> <head> <style type=”text/css”> <!– #demo { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #98CBFF; margin-bottom: 10px; margin-left: 5px; overflow: hidden; padding: 0 0 5px; width: 948px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { […]
-
Time：2020-6-19
Today, I made a menu button. When I move the mouse to the button, the function of pull-down submenu appears. The implementation is to put the submenu into a div and add the hover function to the menu button. But there is a div under the menu button, in which is an object tag and […]
-
Time：2020-6-18
Today, I designed a dynamic window style, and found that when I click the mouse input, the style automatically added by the browser is very inconsistent with the overall style of the website. Although the intelligent function of the browser is very advanced, sometimes it will inevitably affect the overall consistency of the design. Then […]
-
Time：2020-6-17
Q: what’s the difference between div and span? Answer: solution: The biggest feature of div and span elements is that they do not render the objects in the element in any format by default. Mainly used to apply style sheets. The most obvious difference between the two is that div is a block element and […]
-
Time：2020-5-15
The example of this article shares the specific code of JS to realize div color block drag recording for your reference. The specific content is as follows Description: Implement a color block of div50 * 50. Drag it to generate a track. When you let go, the div will repeat the path you just dragged. […]
-
Time：2020-5-8
In web design, we often use some arrows as decorations to decorate our web pages. Although many web site designers like to use the form of reference Font Icon to achieve the effect of arrows, it will also affect the loading of web pages. Today, we will talk about how to use div plus CSS […]
-
Time：2020-4-21
This method is mainly used to make the website adaptive, at the same time, it can support the content height and avoid the page scrolling caused by image loading. 1、 You can use js to determine the width of the image to get specific values, and then use js to set the height of the […]
-
Time：2020-4-2
In recent jobs, you need to nest pages without iframe, so you have to nest them in div with jQuery method. Copy code The code is as follows: <script type=”text/javascript”> $(document).ready(function() { $(“#button”).click(function() { $(“#content”).load(“index.jsp”); }); }); </script> As long as there are so many codes, the “button” is the ID of a button, and […]
-
Time：2019-11-28
In the process of front-end development, there is a situation that needs to be checked. For the convenience of user operation, click event is put on Div. (knockout.js is used) The code is roughly as follows: Copy code The code is as follows: <div data-biind=”click:clickevent”> < input type = “checkbox” > < span > please […]
