Web special effects
-
Record waterfall flow+pull-down infinite load+pit stepped by lightbox page -
Recently, I received an order. The page needs waterfall flow plus pull-down unlimited loading. In addition, clicking on the image also requires a lightbox effect. It is obviously pointless to write pages of this complexity by yourself [it is not advisable to repeatedly create wheels, and wheels of this level cannot be created...] Directly put them into the ready-made database. The waterfall stream uses "masonry", the pull-down infinite load uses "infinite scroll", and the picture light box uses " Web special effects 2021-05-20 one thousand eight hundred and ninety-one 0 Comments #masonry #infinitescroll #lightGallery
-
When swiper is used as the navigation bar, it will automatically jump to the code of the corresponding category -
Make a zblog template for the customer. The mobile terminal needs to implement a sliding navigation bar. It is divided into upper and lower parts. The first level classification is displayed on the top as the navigation bar, and the sub classification of the classification is displayed on the bottom, which can be switched by sliding left and right. So we are going to directly implement it with the swiper, directly create two new swiper objects, and then bind and switch them. There are cases of this effect on the official website of the swiper. Then there is a problem. When you open the list page, the navigation bar needs to be switched to When Web special effects 2020-12-07 two thousand three hundred and ninety-two 0 Comments #swiper #Zblog template #Swiper navigation bar
-
Continuous horizontal scrolling effect of pictures realized by css -
Today, I wrote a picture for continuous horizontal scrolling with css, and the results are as follows: a total of two pictures are used, one background picture and one scrolling picture. The html structure is as follows:<div class="img box"><img src="background picture address"> Web special effects 2020-07-31 four thousand three hundred and fifty-one 0 Comments #Css animation #Picture Scroll
-
Which starts to load the html image or the css background image first? How to operate the CSS bitmap? -
If your website is a picture station, the home page shows many pictures. Then you will have more images, which will cause slow loading. At this time, there are several solutions. 1. Physical solution: increase the bandwidth of the website+compress the image size; 2. Load js lazily with images. Before the images are loaded, load a buffer image to occupy the space; 3. That is what this article discusses. Use css to add a placeholder; The first thought is to add a box to the outer layer of the picture, and then give the box Web special effects 2020-04-10 three thousand three hundred and fifty-four 0 Comments #Css placeholder #Lazy loading #Css background
-
Principle and usage of writing triangle in css -
I used to use css to write triangles. Anyway, I can search a case on the Internet and use it. Today, I worked hard to understand the principle and use method, and recorded it. I hope it can be helpful to people who are as weak as me. First, css writes triangles through border. Most people use border to define borders. So if you want to use border to write triangles, they will fall into the thinking mode of the border First, let's define the bord of the element Web special effects 2019-11-30 two thousand three hundred and ninety-three 0 Comments #css3 #Css triangle #Css special effect
-
The js code of one input box calling multiple search engines -
The method to implement is as follows: input keywords in one input box, and call multiple search engines to search. The implementation code is as follows:<divclass="searchclearfix"><inputtype="text" name Web special effects 2019-08-17 four thousand five hundred and ten 1 Comments #Search engine #Js code
-
A pure html+css drop-down navigation animation effect -
This is a pull-down navigation animation written by pure html+css, which Tianxing Studio has struggled with. The code is as follows. Html part:<div class="nav"><ul class="clearfix">&n Web special effects 2019-01-24 four thousand nine hundred and twenty-one 0 Comments #Pull down navigation #Pull down navigation animation
-
JQ special effect: pop-up module when the page scrolls up -
The page scrolling pop-up module is a special effect that is suitable for resource websites. When a user comes to your website, he or she will scroll down the page. If he or she finds something, he or she will usually go back to the top to find the navigation bar. At this time, an upward scrolling action will occur. This is a good time to pop up a search box to remind users that they can find what they want through search. This is a user experience optimization thing. This article introduces how to use this special effect. As usual Web special effects 2018-06-09 four thousand six hundred and seventy-two 0 Comments #Scroll Up #Jq special effect #Web special effects
-
Simple and understandable follow scroll sidebar module JQ+html+css -
A side bar module that follows the scroll bar and is fixed is considered to be the best place to place advertising space or promote websites. This article will describe in detail how this effect should be done. First of all, the following code is purely personal. If there are any mistakes or omissions, you are welcome to point out. This effect requires JQ, so we must introduce the JQ library. Html code:<div class="fixed location"> Web special effects 2018-03-25 four thousand eight hundred and sixty-two 0 Comments #Follow scroll module #Js code #Jq special effect
-
Simple tab tag jQuery code that can be reused in multiple places on a page -
Previously, the js framework "SuperSlide" was always used to write tabs or other effects, but it was slowly discovered that the js framework of this size could not be used to write zblog themes. Especially SuperSlide is not friendly to mobile phones, so it is no longer used. Now some simple js effects of the page are slowly starting to be written. This article introduces a simple tab tag jQuer that can be reused in multiple places on a page Web special effects 2018-01-11 four thousand nine hundred and sixty-nine 0 Comments #Tab label #JQuery code #Web special effects
-
Zblog enterprise theme -
Zblog image theme -
Zblog resource topic -
Zblog CMS topic -
Wordpress template -
Zblog video theme -
Zblog Taobao guest theme -
Zblog navigation topic
Select a theme?
-
Latest articles -
Hot article ranking -
Most Comments
-
one Shopping activity on the official website of Tianxing Studio: unlimited number of times and amount of 20% discount coupons 04-17 -
two Tianxing Studio zblog pure blog theme vue3+applet dual version 03-19 -
three Error causes and solutions of introducing vant into vue3 project 03-12 -
four Tianxing Studio zblog encyclopedia theme can be matched with member plug-ins to realize knowledge payment profitability 03-06 -
five How does zblog intercept a summary with a specified number of words? Introduction to the custom interception method of zblog summary 02-29 -
six Tianxing Studio 2023 Double 11 Event: 50% discount coupons 11-05 -
seven Tencent Cloud 2023 Double 11 Activity: 2H2G3M lightweight server 88 new users for one year 11-05 -
eight AliCloud 2023 Double 11 Activity: 2-core 2G3M bandwidth ECS 99 yuan/year! 10-31 -
nine Tianxing Studio zblog free login paid reading plug-in supports Alipay WeChat payment Hupi Pepper payment 10-09
-
Label aggregation -
×1 Zblogphp pseudo static ×1 Open expression plug-in ×1 Zblogphp Modify Theme ×1 Forgot password ×1 With link ×1 Game consultation website ×1 Sina Blog ×1 Self use theme of Tianxing Studio ×1 Site Map ×1 QR code generation ×1 Zblog data ×1 Lu Songsong's new edition ×1 Updated zblog topics ×1 Double 12 ×1 xiaoyi_FirstIMG ×1 Alibaba Cloud 2018 Activity ×1 Category Title ×1 website ×1 Filter Classification ×1 Crude oil transaction template
Latest comments
-
Tianxing Studio 03-21 Yes, it will be repaired in the next version Commented on: Tianxing Studio zblog pure blog theme vue3+applet dual version -
visitor 03-20 This template has multiple side-by-side pictures. No matter which picture you click, the first picture will be displayed. There is no carousel button, and you can only manually close it. System: win7+Firefox Commented on: Tianxing Studio zblog pure blog theme vue3+applet dual version -
Tianxing Studio 01-19 I don't understand. Do you want to create categories in batches? This is not considered by the theme of plug-ins Commented on: Tianxing Studio zblog cms theme charging version supports extreme personalized configuration -
visitor 01-18 It is too troublesome to classify and set one by one. Can you add classification settings in the theme settings. Commented on: Tianxing Studio zblog cms theme charging version supports extreme personalized configuration -
Tianxing Studio 01-16 I don't quite understand your requirements. Please contact our online qq2076496616 to provide the order number to specify your requirements Commented on: Tianxing Studio zblog cms theme charging version supports extreme personalized configuration